Alert
Displays a callout for important information, feedback, or actions.
Default
A basic alert using the default styling.
Heads up!
You can add components to your app using the CLI.
Variants
Alerts using semantic colors for different contexts.
Information
A new software update is available. See what's new in version 3.0.
Success
Your payment has been processed successfully.
Warning
Your free trial expires in 3 days. Upgrade your plan to continue.
Error
There was a problem with your request. Please try again.
With Description
Alerts with extended descriptions providing more context.
Security Update Required
A critical security update is available for your account. Two-factor authentication has been reset due to a recent security incident. Please re-enable it to secure your account.
Sync in Progress
Your data is being synchronized across all devices. This may take a few minutes depending on the amount of data. You can continue working while the sync completes in the background.
With Action Button
Alerts that include an actionable button.
Update Available
A new version of the application is ready to install.
Deployment Successful
Your project has been deployed to production.
Payment Failed
Your payment method was declined. Please update your billing information.
Closable
Alerts with a close button to dismiss them.
Tip
You can use keyboard shortcuts to navigate faster.
New Feature
Dark mode is now available! Toggle it from the settings page.
Storage Almost Full
You are using 90% of your storage. Consider upgrading your plan.
Connection Lost
Unable to connect to the server. Check your internet connection and try again.