LiveFeaturedBlocked
Default
Soft signal badges.
/render statePrimitive
Badge
Status-leading signal label using terminal, ultra, or error only.
Badges are terse status markers. Keep them signal-bound, numeric only for counts, and avoid inventing warning states.
LiveFeaturedBlocked
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.
LiveProDelete
Solid
Reserved high-emphasis badges.
/render state243v2.4.1
Count
Notification count treatment.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
signal | 'terminal' | 'ultra' | 'error' | terminal | Status signal. Amber warning is intentionally absent. |
variant | 'soft' | 'solid' | 'ghost' | 'count' | soft | Badge emphasis and count treatment. |
children | ReactNode | - | Badge label or count. |