Alert component for Rails
Have to alert your users about something? Are there form validation errors? Or maybe you want to highlight that new feature in your app? With the AlertComponent, built with ViewComponent and Tailwind CSS (and a tiny Stimulus controller) you get a super-versatile component that does all that.
- Integrates also with ActiveModel::Errors
-
Default
Get this componentAttention, Please! 📢 JavaScript is disabled for this preview
-
Alert
Get this componentHeads Up! Something important needs your attention. Make sure to check it out!
JavaScript is disabled for this preview
-
Alert, with close icon
Get this componentJust So You Know... Here's something you might want to look into. You can dismiss this message once you're all caught up.
JavaScript is disabled for this preview
-
Success
Get this componentYour action was completed without a hitch. Onwards and upwards! JavaScript is disabled for this preview
-
Success, with actions
Get this componentHooray, It Worked! Everything went according to plan. What would you like to do next?
JavaScript is disabled for this preview
-
Form errors
Get this componentOops, Something's Amiss! - Email is invalid
- Password is too weak
JavaScript is disabled for this preview
-
Form errors, transparent background
Get this componentOops! Something Needs Your Attention… - Date range exceeds the maximum allowable span of 90 days
- Report type must be selected. Please choose a report type from the list
JavaScript is disabled for this preview
-
New feature, horizontal, gray background
Get this componentWe've rolled out something new and shiny. Give it a whirl and let us know what you think! JavaScript is disabled for this preview
-
New feature, vertical, colored background
Get this componentBrighten Your Day with Our Latest Feature! Dive into our latest creation and add a splash of color to your workflow. Exciting updates await!
JavaScript is disabled for this preview
-
New feature, vertical, colored, transparent background
Get this componentIlluminate Your Workflow! Our latest feature is here to light up your day and enhance your experience. Ready to brighten things up?
JavaScript is disabled for this preview