Primitive

Label

Passive label primitive for compact metadata, field labels, and status text.

Use Label as the base label grammar before reaching for Badge, Pill, Tag, or item-local label styles.
typography
DOM renderImage render
LabelDefault
Ready

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Compact passive label.
Ready
Render state

Field

Field label text role.
Workspace name
Render state

Intents

Semantic label intents.
SearchValidAIError
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
purpose'compact' | 'field' | 'meta' | 'status'-Label role.
intent'neutral' | 'strong' | 'subtle' | 'sky' | 'terminal' | 'ultra' | 'danger'neutralSemantic label intent.
markerboolean-Shows a passive tone marker.
childrenReactNode-Label content.