Alerts are used to feedback to the user action or system activity.
customIcon prop.type prop. Alert supports info, success, warning, and danger types.title prop.closable prop to true to display close button which allow user dismiss alert.| Prop | Description | Type | Default |
|---|---|---|---|
| title | Alert title | ReactNode | string | - |
| showIcon | Display icon based on type | boolean | false |
| customIcon | Replace default icon to custom icon | ReactNode | - |
| type | The status of the alert | 'info' | 'warning' | 'success' | 'danger' | 'warning' |
| closable | Display close button | boolean | false |
| customClose | Replace default close | ReactNode | | - |
| rounded-sm | Whether the Alert have round border radius | boolean | true |
| onClose | Callback when Alert is closed | (e: MouseEvent) => void | - |
| triggerByToast | identifier for toast trigger (for toast purpose) | boolean | false |
| duration | Interval of dismiss (for toast purpose) | 2000 | number |