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 component
JavaScript is disabled for this preview.Attention, Please! 📢 -
Alert # Get this component
JavaScript is disabled for this preview.Heads Up! Something important needs your attention. Make sure to check it out!
-
Alert, with close icon # Get this component
JavaScript is disabled for this preview.Just So You Know... Here's something you might want to look into. You can dismiss this message once you're all caught up.
-
Success # Get this component
JavaScript is disabled for this preview.Your action was completed without a hitch. Onwards and upwards! -
Success, with actions # Get this component
JavaScript is disabled for this preview.Hooray, It Worked! Everything went according to plan. What would you like to do next?
-
Form errors # Get this component
Simply pass the ActiveModel::Errors object for the validation errors. JavaScript is disabled for this preview.Oops, Something's Amiss! - Email is invalid
- Password is too weak
-
Form errors, transparent background # Get this component
Simply pass the ActiveModel::Errors object for the validation errors. JavaScript is disabled for this preview.Oops! 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
-
New feature, horizontal, gray background # Get this component
JavaScript is disabled for this preview.We've rolled out something new and shiny. Give it a whirl and let us know what you think! -
New feature, vertical, colored background # Get this component
JavaScript is disabled for this preview.Brighten Your Day with Our Latest Feature! Dive into our latest creation and add a splash of color to your workflow. Exciting updates await!
-
New feature, vertical, colored, transparent background # Get this component
JavaScript is disabled for this preview.Illuminate Your Workflow! Our latest feature is here to light up your day and enhance your experience. Ready to brighten things up?
The library of components is continuously evolving, with new components added regularly. See the roadmap for a glimpse of future enhancements, and check out the changelog for the latest additions and updates.