Alerts
Inline messages for status, warnings and errors.
Inline messages in five tones as soft or outline cards, or as a compact pill, with a dismiss that folds the alert away.
motion · lucide-react
Default
A neutral note with a title and description.
Tones
neutral, info, success, warning and danger, each with its own icon.
Outline
variant="outline": a white card with a colored icon.
Pill
variant="pill": a compact one-line capsule for short notices, with an optional link or close.
Dismissible
onDismiss adds a close button; inside AnimatePresence the alert folds away.
