A notification component for displaying important messages with different severity levels.
Dependencies: lucide-react
Basic alert with icon, title, and description for info, success, warning, and error states.
Information
This is an informational message.
Success
Your changes have been saved.
Warning
Please review before continuing.
Error
Something went wrong. Please try again.
Dismissible alerts with an X button that allows users to close the notification.
New update available
A new version is ready to install.
Payment successful
Your order has been confirmed.
Connection lost
Please check your internet connection.
Alerts with CTA buttons like 'Learn more', 'Upgrade now', or 'Try again' for user actions.
New features available
Check out the latest updates and improvements we've made.
Storage almost full
You've used 90% of your storage. Upgrade for more space.
Upload failed
There was an error uploading your file. Please try again.