About RelayUI
Installation
Contributing

Components

BadgesButtonsCode BlocksHeadingsLinksListsMarkdownNavigationSlideoutsText

Coming Soon

AccordionsComing Soon
AlertsComing Soon
CardsComing Soon
FormsComing Soon
Profile ImagesComing Soon
SnackbarsComing Soon
TablesComing Soon

Badges

RUI::Badge is a namespace containing several badge components that can be used to add visual indicators to your RelayUi application. Badges are useful for displaying status information, such as the number of unread messages in a user's inbox or the current state of a record in a database.

Examples

Blue BadgeGray BadgeGreen BadgePurple BadgeRed BadgeYellow Badge

Code

render RUI::Badges::Blue.new { "Blue Badge" }
render RUI::Badges::Gray.new { "Gray Badge" }
render RUI::Badges::Green.new { "Green Badge" }
render RUI::Badges::Purple.new { "Purple Badge" }
render RUI::Badges::Red.new { "Red Badge" }
render RUI::Badges::Yellow.new { "Yellow Badge" }