Vue Badge - Argon

Documentation and examples for Bootstrap badges, our small count and labelling component.


Demo

Badge

Props Information

NameTypeDefaultDescription
color'primary''secondary''info''success''warning''danger''light''dark'successChange the ArgonBadge background color.
variant'gradient''fill'fillChange the ArgonBadge background type.
size'sm''md''lg'mdChange the ArgonBadge size.
circularboolfalseMake the ArgonBadge circular.
floatingboolfalse
slot*nodeThe ArgonBadge has a default slot that you can pass node or content inside it

Sizes

Badge
Badge
Badge

Variants

Fill
Gradient