Alert
Attention-grabbing messages for user notifications.
Basic
This is a default alert message.
Colors
Default alert message
Primary alert message
Info alert message
Success alert message
Warning alert message
Danger alert message
With Title
Success!
Your changes have been saved successfully.
Warning
Please review your information before submitting.
Error
An error occurred while processing your request.
Info
New features are available in the latest update.
With Title and Subtitle
Profile Updated
Account Settings
Your profile changes have been saved successfully.
Scheduled Maintenance
System Update
The system will be unavailable on Saturday from 2 AM to 4 AM.
New Version Available
Update Required
Please update to the latest version for security improvements.
Custom Icons
Custom success icon with checkmark.
Custom warning with lightbulb icon.
Custom notification bell icon.
Hide Icon
This alert has no icon displayed.
Success
Alert with title but no icon.
Hide Close Button
Interactive Content
Unsaved Changes
You have unsaved changes that will be lost.
Session Expiring
Your session will expire in 5 minutes.
Complex Content
Pro Tip
You can use keyboard shortcuts to navigate faster:
- Ctrl + K to open search
- Esc to close modals
Order Confirmed
Your order #12345 has been processed and will ship within 2-3 business days.
Banner Style
Custom Styling
Custom styled alert with left border accent.
Alert with custom rounded corners and shadow.
Form Validation
Please fix the following errors:
- Email is required
- Password must be at least 8 characters
- Name cannot be blank