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.

Example

tsx
import { Keyboard } from '@kidcash/ui';

Press <Keyboard>⌘</Keyboard> <Keyboard>K</Keyboard> to open the command palette.

Try it live

← Back to the playground to see Keyboard rendered with every variant. Or install @kidcash/ui and copy the example above into your own app.