Foundations
Keyboard
Tiny mono-font chip styled to read like a physical key. Pair them in shortcut hints — `⌘` `K`, `Esc`, etc.
Keyboard is the small mono-font chip you stack inline to indicate a keyboard shortcut. Glass background, inset shadow, two sizes — designed to read like a physical keycap without dominating the line.
Live preview
Open command palette:⌘KSave:⌘SQuick add:⇧A
Example
tsx
import { Keyboard } from '@kidcash/ui';
Press <Keyboard>⌘</Keyboard> <Keyboard>K</Keyboard> to open the command palette.Want all 27 in one place?
The home playground shows every component side-by-side. Or install @kidcash/ui and use Keyboard in your own app.