AgentsDocsconcrete
Default
Entity tag with icon.
/render statePrimitive
Tag
Closeable filter or entity label.
Tags identify entities, filters, and scoped state. Use dismissible tags only when removal is available in the surrounding workflow.
AgentsDocsconcrete
Playground
Props in the URL.
Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.
Loading playground.
States
Rendered matrix.
Every state maps to the same render route through the `state` query param.
OutlineActiveSelectedRunning
Variants
Outline, active, and selected treatments.
/render statesmallmediumlarge
Sizes
Small, medium, and large rhythm.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
tone | 'default' | 'ink' | 'sky' | 'sunken' | 'terminal' | 'ultra' | 'error' | default | Inline label tone or signal wash. |
variant | 'default' | 'outline' | 'active' | 'selected' | default | Tag emphasis. |
size | 'small' | 'medium' | 'large' | medium | Tag height and type rhythm. |
leadingIcon | IconName | ReactElement | - | Optional leading glyph. |
dismissible | boolean | false | Shows a passive dismiss affordance. |
onDismiss | () => void | - | Interactive dismiss action. |
children | ReactNode | - | Tag label. |