Notification

Pill-shaped inline notifications for transient status messages. Pair with sonner toasts or use as standalone banners inside panels and lists.

Default

Neutral tone — mirrors the sonner toast we show on copy.

Copied code to clipboard

Brand

Uses the primary accent for product-tone confirmations.

Preferences saved

Info

Neutral, informational context.

New version available — refresh to update

Success

Confirms a completed action.

File uploaded successfully

Warning

Highlights a recoverable problem or caution.

Your session will expire in 5 minutes

Destructive

Communicates an error or failed operation.

Upload failed — please try again

With description

Two-line layout — title plus a secondary line for detail or context.

Invoice sent

Acme Corp will receive the invoice shortly.