Alert
Displays a callout for user attention.
Basic Alert
Simple alert with title and description.
Heads up!
You can add components to your app using the cli.
Variants
Different alert variants for different contexts.
Information
This is an informational message to keep you updated.
Error
Something went wrong. Please try again later.
Icon Variations
Using different icons for different message types.
Success
Your changes have been saved successfully.
Information
New updates are available for your application.
Warning
Your session will expire in 5 minutes. Please save your work.
Error
Failed to connect to the server. Check your internet connection.
Title Only
Alerts with just a title for brief messages.
File uploaded successfully
Authentication failed
Description Only
Alerts with just a description.
Your API key will expire in 7 days. Renew it to avoid service interruption.
Without Icon
Alerts without an icon.
Update Available
A new version of the application is ready to install.
With Actions
Alerts with action buttons.
New Feature Available
We've added a new collaboration feature to improve team productivity.
Payment Failed
Your payment method was declined. Please update your billing information.
Real-World Examples
Common use cases for alerts.
Scheduled Maintenance
System maintenance is scheduled for Sunday, April 13th from 2:00 AM to 6:00 AM UTC. Some features may be temporarily unavailable during this time.
Verify Your Email
We've sent a verification link to your email address. Please check your inbox and click the link to activate your account.
Security Notice
We detected a login from a new device in New York, USA. If this wasn't you, please change your password immediately and contact support.
Storage Almost Full
You've used 9.2 GB of your 10 GB storage limit. Upgrade your plan to get more storage space.
Beta Feature
This feature is currently in beta. You may encounter bugs or unexpected behavior. Please report any issues to help us improve.
Connection Lost
Unable to establish connection to the server. Your changes are being saved locally and will sync when connection is restored.
Multiple Alerts
Stacking multiple alerts together.
Profile Updated
Your profile information has been updated successfully.
Email Verification Pending
Please verify your new email address to complete the update.