# badge (Flowbite v4 kit)

> The badge component can be used to complement other elements such as buttons or text elements as a label or to show the count of a given data, such as the number of comments for an article or how much time has passed by since a comment has been made.

## Props for `Badge`

| Name | Type | Description |
|------|------|-------------|
| `variant` | `'brand'|'alternative'|'gray'|'danger'|'success'|'warning'` | The visual style variant. Defaults to `brand` |
| `size` | `'default'|'lg'` | The badge size. Defaults to `default` |
| `shape` | `'rounded'|'pill'` | The badge shape. Defaults to `rounded` |
| `border` | `'none'|'bordered'` | The badge border. Defaults to `none` |
| `as` | `'div'` | The HTML tag to render. Defaults to `div` |

## Blocks for `Badge`

- `content`: The badge label or content

## Dependencies

- twig/extra-bundle
- twig/html-extra:^3.12.0
- tales-from-a-dev/twig-tailwind-extra:^1.0.0

- [View component](https://ux.symfony.com/toolkit/kits/flowbite-4/components/badge)