Badge¶
A small inline pill for a status, a count or a short label.
Display widgets · widget type badge · binds through text templates
Related: Alert · Text · Progress Bar
Examples¶
A status taken from the current record
{$record.status}Options¶
| Option | Values | Default | Description |
|---|---|---|---|
| Text | Any text or template | Badge |
The pill label |
| Icon | An icon key | None | Shown before the label |
| Badge Style | Theme variants — e.g. positive, warning, danger | Default | Picks the pill's colour from the theme |
| Key Value | Field mapping | None | Maps a data value to the variant, so the colour follows the record |
| Selection | Selection settings | Off | Lets the badge take part in a page's selection |
| Box Style | Sizing and spacing | — | The box around the pill |
Notes¶
- A badge is for a short status next to other content. For a full-width message, use Alert
- The badge also has a content slot, so extra markup can sit beside the label