Installation
Examples
Variants
info, success, warning, and danger with icons.
Info
Your session expires in 5 minutes.
Success
Your changes have been saved.
Warning
You are approaching your storage limit.
Error
Failed to connect. Please try again.
Dismissible
Shows a close button to remove the alert.
Upload complete
3 files uploaded successfully.
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'info'|'success'|'warning'|'danger' | 'info' | Visual style and icon. |
| title | string | — | Alert heading. |
| closable | boolean | false | Shows a dismiss button. |
| onClose | () => void | — | Called when dismissed. |
| icon | ReactNode | — | Override the default icon. |