Layout
Alert
Inline status messages for feedback, warnings, and errors. Optionally dismissible.
LlmAlertDemo
Live PreviewReact
This is an informational message.
Your changes were saved successfully.
Your session expires in 5 minutes.
Something went wrong. Please try again.
jsx
<LlmAlert variant="info">This is an informational message.</LlmAlert>
<LlmAlert variant="success">Your changes were saved successfully.</LlmAlert>
<LlmAlert variant="warning" dismissible={true}>Your session expires in 5 minutes.</LlmAlert>
<LlmAlert variant="danger">Something went wrong. Please try again.</LlmAlert>API (Angular)
| Prop | Type | Default | Description |
|---|---|---|---|
variant | 'info' | 'success' | 'warning' | 'danger' | 'info' | Color scheme and icon |
dismissible | boolean | false | Show a close button |
onDismissed | () => void | — | Called when the dismiss button is clicked |
Import
ts
import { LlmAlert } from '@atelier-ui/angular';