Alerts
Alert messages with variants, dismissible options, and icons
Alert Types
Different alert types for various feedback messages:
This is an informational alert - check it out!
Great job! Your changes have been saved successfully.
Warning! Please review your input before continuing.
Error! Something went wrong. Please try again.
Dismissible Alerts
Alerts with close buttons that can be dismissed by the user:
Click the X button to dismiss this alert.
Success! Your profile has been updated.
Warning! Your session will expire in 5 minutes.
Error! Connection lost. Retrying...
Alerts with Rich Content
Alerts can contain additional content like lists and formatted text:
Heads up!
This alert contains important information. Please read through the following points:
- Your subscription renews on Jan 15th
- New features have been added to your plan
- Check your email for more details
Order Confirmed!
Your order #12345 has been successfully placed. You will receive a confirmation email shortly with tracking information.