---
github: true
---

## 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: 'md'
---

Badge
::

## Props

:component-props

## Preset

:component-preset