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

# Variable: pill

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

Alpha

`<instui-pill>` — a compact status pill. The `variant` attribute maps to the `-color-<variant>`
modifier; slotted content is the label.

## Example

```html
<instui-pill variant="success">Active</instui-pill>
```