Vue Badge - Material

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 MaterialBadge background color.
variant'gradient''fill'fillChange the MaterialBadge background type.
size'sm''md''lg'mdChange the MaterialBadge size.
circleboolfalseMake the MaterialBadge circular.
floatingboolfalse
slot*nodeThe MaterialBadge has a default slot that you can pass node or content inside it

Sizes

Badge
Badge
Badge

Variants

Fill
Gradient