Badge component for Rails (with Tailwind CSS)
The Badge Component is a minimal component to make certain data standout easily. It allows a state of either primary or secondary (as set in the Rails Designer initializer) or any of the default grays and colors from Tailwind CSS. Each color’s properties (background, border) are carefully choosen.
- All colors handpicked
-
Primary state # Get this component
New -
Secondary state # Get this component
Updated -
Color # Get this component
Could be any of the default Tailwind CSS colorsFeatured -
Gray # Get this component
Could be any of the default Tailwind CSS graysArchived -
White background, colored border # Get this component
Could be any of the default Tailwind CSS colorsOn Hold -
Colored dot # Get this component
● Live -
Colored dot, animated # Get this component
Live -
Colored icon (hash) # Get this component
Any kind of icon (SVG) is supportedTrending -
With hide button # Get this component
Respond with a turbo-stream to remove the badgeHide metric
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.