Badges
components/ui/_badges.scss
Badges are small inline blocks that notify user of relevant tiny informations.
Colors
Color modifier class name .mod-[colorName]
Badge
Badge plain
Badge light
Badge primary
Sizes
Sizes modifier class name .mod-[sizeName]
Badge xs
Badge
Badge lg
Rounded
Simple modifier to make rounded corners .mod-rounded
Standard badge
Rounded badge
Sticker
Fully rounded badge with forced 1:1 aspect ratio and centered content .mod-sticker[-sizeName]
Simple text
Into a span