Alert
Contextual feedback banner for success, warning, danger, or info.
Installation
npx dafink-ui add alertDemo
Heads up
This is a default alert.
Success
Your changes were saved.
Warning
Review before continuing.
Error
Something went wrong.
Props
| Name | Type | Default | Description |
|---|---|---|---|
| variant | 'default' | 'success' | 'warning' | 'danger' | 'default' | Alert color and icon. |
| title | string | undefined | Bold heading text. |
| children | ReactNode | undefined | Body content. |
| className | string | '' | Additional CSS classes. |