KBD
Keyboard key display element styled as a terminal key cap.
PREVIEW
Ctrl⌘⇧Enter
INSTALLATION
USAGE
PROPS
| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| children | ReactNode | — | Key label content. |
| className | string | — | Additional CSS classes. |
Keyboard key display element styled as a terminal key cap.
npx shadcn@latest add @scificn/kbdimport { Kbd } from '@scificn/ui'
export function Example() {
return (
<p className="text-sm text-muted">
Press <Kbd>Ctrl</Kbd> + <Kbd>K</Kbd> to open command palette.
</p>
)
}| PROP | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
| children | ReactNode | — | Key label content. |
| className | string | — | Additional CSS classes. |