Badge
Small status labels. A badge is an intent (colour role) plus an optional style — subtle (default), solid, or outline — passed as one variant, e.g. :primary or :primary_outline.
Subtle (default)
Primary
Secondary
Danger
Success
Warning
Info
.demo-row
- AppTheme::INTENTS.each do |intent|
= app_theme_badge intent.to_s.capitalize, variant: intentSolid
Primary
Secondary
Danger
Success
Warning
Info
.demo-row
- AppTheme::INTENTS.each do |intent|
= app_theme_badge intent.to_s.capitalize, variant: :"#{intent}_solid"Outline
Primary
Secondary
Danger
Success
Warning
Info
.demo-row
- AppTheme::INTENTS.each do |intent|
= app_theme_badge intent.to_s.capitalize, variant: :"#{intent}_outline"