Inline messages for status, warnings and errors.
Messages about the whole account: trial ending, payment failed, verify your email, read-only, maintenance. A bar across the top that folds away, an inline card or a floating pill, soft or solid.
motion · lucide-react
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
A neutral note with a title and description.
neutral, info, success, warning and danger, each with its own icon.
variant="outline": a white card with a colored icon.
variant="pill": a compact one-line capsule for short notices, with an optional link or close.
onDismiss adds a close button; inside AnimatePresence the alert folds away.
