Components
Alert
Inline messages in four semantic variants with optional dismiss.
Alert surfaces contextual feedback inline, scoped to a region of the page.
Example
Preview
Heads up — a new version is available.
Your changes were saved.
Your trial ends in 3 days.
Payment failed. Update your card to continue.
import { Alert } from '@officina/ui';
<Alert variant="success">Your changes were saved.</Alert>
<Alert variant="danger" dismissible>Payment failed.</Alert>API
| Prop | Type | Default | Description |
|---|---|---|---|
| dismissible | boolean | — | Show a close button that hides the alert. |
| variant | "info" | "success" | "warning" | "danger" | null | info |