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 componentNew -
Secondary state
Get this componentUpdated -
Color
Get this componentFeatured -
Gray
Get this componentArchived -
White background, colored border
Get this componentOn Hold -
Colored dot
Get this component● Live -
Colored dot, animated
Get this componentLive -
Colored icon (hash)
Get this componentTrending -
With hide button
Get this componentHide metric