KBD

Keyboard shortcut indicator — each key in its own bordered box, joined by a separator.

Live demo

import { Kbd } from '@cathode-ui/react';

Name	Type	Default	Required	Description
`keys`	`string \| string[]`	—	yes	String ("Ctrl+K") is split on + or -. Pass an array for keys that literally contain "+".
`separator`	`string`	`+`	—
`size`	`'sm'\|'md'`	`md`	—

<Kbd keys="Ctrl+K" />

<Kbd keys={["Shift","+","Tab"]} />

Role: group

Haptic	`none`
Sound	`none`

  
  ← All components