Import
import { Kbd } from '@k8ordo/ui';Usage
Esc
<Kbd>Esc</Kbd>Key Combinations
For keys pressed together, place one Kbd per key side by side.
CtrlShiftP
<Kbd>Ctrl</Kbd>
<Kbd>Shift</Kbd>
<Kbd>P</Kbd>Symbol Keys
A symbol such as ⌘ or ⇧ makes no sense read aloud. Pass label: the symbol stays on screen, and the label is what a screen reader says.
CommandK
<Kbd label="Command">⌘</Kbd>
<Kbd>K</Kbd>Props
children- Type:
string - Default: -
label?- Type:
string - Default: -
| Prop | Type | Default |
|---|---|---|
children | string | - |
label? | string | - |
Type base (some attrs are managed internally): HTMLAttributes<HTMLElement>