Feedback

Communicate status, progress, and outcomes to users with alerts, badges, toasts, and loading indicators.

Alert

Contextual banners for important messages. Use variant and icon to convey severity.

Version 2.4 includes performance improvements and bug fixes.

Your order #1042 has been confirmed and is being processed.

You have used 92% of your available storage. Upgrade your plan to avoid interruptions.

Unable to reach the server. Check your internet connection and try again.

Compact labels for status, categories, or counts. Available in semantic and custom color variants.

Default

Secondary

Outline

Destructive

Blue

Green

Orange

Red

Purple

Linear progress bars to communicate task completion, upload status, or step progress.

Uploading...25%

Processing...60%

Almost done...90%

Placeholder loading states that mirror the shape of upcoming content to reduce perceived wait time.

Transient notifications for non-blocking feedback. Click the buttons below to trigger each toast type.

Animated spinners using Lucide's Loader2 icon for inline or full-section loading states.

16px

24px

40px