Kbd
NewtypographyKeyboard shortcut token for command hints, menus, and documentation.
import { Kbd } from '@/components/forge'Preview
Kbd
CtrlKOpen command menuEsc
Code Example
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
size | 'sm' | 'md' | 'md' | No | Shortcut key size |
children | React.ReactNode | - | Yes | Shortcut text |
Variants
smmd
Accessibility
- Uses semantic kbd element
- Text remains readable without relying on color