---
category: display
---

# Kbd

Source: `components/ui/kbd.tsx`.

`Kbd` is a compound component. Its parts are exported **flat** (`KbdGroup`, not
`Kbd.Group`) and each is a separate top-level export of the bundle:

| Part | Props |
| --- | --- |
| `KbdGroup` | `React.ComponentProps<'div'>` |

All parts accept `className` and are composed as children of `Kbd`.