# Keyboard

> A keyboard-shortcut hint rendered inside a native `<kbd>` element, drawn as the key it names: a tinted, bordered cap sized to read beside the row's own text.

```ts
import { Keyboard } from "@sdxc/ui";
```

Renders its children inside a `<kbd>` element drawn as a key cap, whose inline-start
auto margin pushes it to the trailing edge of whatever row it sits in — a menu item,
a tooltip, a button.

## Examples

```tsx
<Keyboard>⌘K</Keyboard>
```

## Props

Also accepts everything in `TagProps<"kbd">`.