Tailwind CSS Alert - Nira UI
Nira UI comes with a set of alert components that can be used to display a message to the user.
Default Alert
A simple alert with a headline and supporting subtext:
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Colored Alerts
Colored alerts provide visual cues based on the type of message. Nira UI supports primary, secondary, success, danger, and warning colors.
Primary
Alert with primary color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Secondary
Alert with secondary color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Success
Alert with success color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Danger
Alert with danger color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Warning
Alert with warning color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Soft Alerts
Soft alerts provide a lighter, subtle notification style while maintaining color semantics.
Alert soft with primary color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert soft with secondary color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert soft with success color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert soft with danger color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert soft with warning color.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.
Alert Message Headline
This is the subtext for your alert message, providing important information or instructions.