Alert
Inline alert banner. Supports dot, edge-left, edge-top appearance. Optional dismiss and action button.
Preview
Usage
import { Alert } from '@ramtt/ui'
<Alert severity="warning" title="Low compliance">
CHO intake is 20% below target.
</Alert>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| severity | 'default' | 'info' | 'warning' | 'error' | 'success' | 'default' | Alert type |
| appearance | 'dot' | 'edge-left' | 'edge-top' | 'dot' | Visual indicator style |
| title | string | — | Alert title |
| children* | ReactNode | — | Alert body text |
| onDismiss | () => void | — | Dismiss handler (shows × button) |