---
url: /api/renderers/web-components/src/variables/badge.md
---
[pantoken-root](../../../../index.md) / [renderers/web-components/src](../index.md) / badge

# Variable: badge

> `const` **badge**: [`ElementDefinition`](../interfaces/ElementDefinition.md)

Alpha

`<instui-badge>` — a small count/status badge. The `variant` attribute maps to the
`-color-<variant>` modifier; slotted content is the count or label.

## Example

```html
<instui-badge variant="danger">9</instui-badge>
```