Alert
Alerts with hard shadows and sharp borders. Stacked like index cards, each alert commands attention with its bold, paper-like presence.
Default
Heads up!
You can add components to your app using the CLI.
Destructive
Error
Your session has expired. Please log in again to continue.
Warning
Warning
Your storage is almost full. Consider upgrading your plan.
Success
Success
Your changes have been saved successfully.
Dismissible Alert
New notification
You have 3 unread messages in your inbox.
Connection Status
Connected
You are connected to the internet. All services are working normally.
With Actions
Update Available
A new version (v2.0.0) is available. Update now to get the latest features.
Session Expiring
Your session will expire in 5 minutes. Would you like to extend it?
Delete Confirmation
Are you sure you want to delete this item? This action cannot be undone.
Contextual Examples
Secure Connection
Your connection is encrypted with TLS 1.3. Your data is safe.
Payment Required
Your trial period ends in 3 days. Add a payment method to continue.
Sync Failed
Unable to sync your data. Please check your connection and try again.
Pro Tip
Press Ctrl+K to open the command palette.
Without Icon
Note
This alert has no icon, showing only the title and description.
Compact Style
Quick info message without a title.
File uploaded successfully!
Please save your work before leaving.
Failed to load data. Retry?
Stacked Alerts
Information
This is an informational message.
Warning
Please review the changes before proceeding.
Complete
All tasks have been completed.