Kbd
@/components/ui/Kbd
Visuell representasjon av én tastetast — mono, kant, min-bredde 20px.
Når brukes den
Bruk for å vise en tastatursnarvei — ⌘K for kommandopaletten, Esc for å lukke en modal.
Sett flere ved siden av hverandre for en kombinasjon: `<Kbd>⌘</Kbd><Kbd>K</Kbd>`.
Ikke bruk til alminnelig tekst eller tall — det er .type-*-klassene direkte.
Eksempler
Enkelttast
⌘⇧EscEnter
<Kbd>Esc</Kbd>
Kombinasjon, i kontekst
Åpne kommandopaletten — samme mønster som Shortcuts bruker for ⌘K.
Åpne kommandopaletten⌘K
<Kbd>⌘</Kbd><Kbd>K</Kbd>
Props
Sveip tabellen for å se hele innholdet
Navn
Type
Default
Beskrivelse
children *
ReactNode
—
Tastens tekst/symbol.
className
string
—
Ekstra klasser.