Feedback Components

Alerts, toasts, progress bars, skeletons, spinners, empty states, badges, and avatars with status.

Alerts

Information, success, warning, and error variants.

Heads up

Your trial ends in 7 days. Add a payment method to keep your workspace active.

Payment received

Your invoice #INV-2024-0882 for $2,840 has been paid successfully.

Storage almost full

You've used 92% of your 500 GB storage. Consider upgrading your plan.

Sync failed

We couldn't sync 3 files from Google Drive. Check your connection and retry.

Toast Triggers

Fire off sonner toasts in different styles.

Toasts auto-dismiss after a few seconds and stack at the bottom-right of the screen.

Progress & Loading

Linear progress, indeterminate loading, and spinners.

Upload progress38%

Disk usage412 GB / 500 GB

Spinner

Ring

Dots

Pulse

Skeletons

Loading placeholders matching common layouts.

Badges

Variants for every status and tone.

DefaultSecondaryDestructiveOutline

ActivePendingWarningFailedDraft

Live4.8FastLiked

Avatars with Status

Avatars with presence indicators.

online

away

busy

offline

AMPSMCSKDR+8

Empty States

Friendly placeholders for empty, error, or first-run views.

No messages yet

When teammates message you, conversations will appear here.

No documents found

Try adjusting your search or upload a new file to get started.

No team members

Invite your first teammate to start collaborating on projects.