⌘K↵
Default
Standalone keycaps.
/render statePrimitive
Kbd
Keyboard shortcut keycap.
Use Kbd for short command hints only. Prefer grouped keycaps inside commands and tooltips over explanatory keyboard copy.
⌘K↵
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.
Shortcut
Button shortcut composition.
/render stateProps
Public contract.
| Name | Type | Default | Description |
|---|---|---|---|
tone | 'default' | 'dark' | default | Keycap surface tone. |
children | ReactNode | - | Visible key label. |