ui/docs/content/2.elements/2.badge.md

github, description

github	description
true	Display a short text to represent a status or a category.

Usage

Use the default slot to set the text of the Badge.

::component-card

code: Badge

Badge ::

You can also use the label prop:

::component-card

props: label: Badge

::

Style

Use the color and variant props to change the visual style of the Badge.

::component-card

props: color: 'primary' variant: 'solid'

Badge ::

Size

Use the size prop to change the size of the Badge.

::component-card

props: size: 'sm'

Badge ::

Props

:component-props

Preset

:component-preset