Back to Component Library
display React 19 + TypeScript
Alert
System notification banner with icon, title, description, and dismiss action.
$npx forgeui add alert
Variant:
System Notice
Component state updated successfully across dark mode tokens.
Props API
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | undefined | Alert header text. |
| variant | 'info' | 'success' | 'warning' | 'danger' | 'info' | Visual alert type. |
Accessibility Standards
role='alert' attribute for assistive technologies.