inkqueuedpointer
Default
Quiet metadata pills.
/render statePrimitive
Pill
Quiet inline metadata label.
Pills are passive metadata. Use them for short labels and status context, not for commands or high-emphasis alerts.
inkqueuedpointer
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.
liveproblocked
Signals
Signal tone pills.
/render statememogeneratedrunning
Icons
Pills with leading glyphs.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
tone | 'default' | 'ink' | 'sky' | 'sunken' | 'terminal' | 'ultra' | 'error' | default | Inline label tone or quiet signal wash. |
leadingIcon | IconName | ReactElement | - | Optional leading glyph. |
children | ReactNode | - | Pill label. |