# Kbd

> A keyboard key or shortcut hint (`⌘K`, `Esc`).

Source: https://ui.jcsoftdev.com/docs/components/kbd

A keyboard key or shortcut hint (`⌘K`, `Esc`). Purely presentational: put it next to the
action's label, never as the only way to tell what a control does.

## Import

```ts
import { Kbd } from "@jcsoftdev/ui/atoms";
```

Single-component entry points tree-shake to just this component: `@jcsoftdev/ui/atoms/kbd`.

## Usage

```tsx
<Kbd>
  ⌘K
</Kbd>
```

## Props

This component declares no props of its own.

It also accepts the native props of the element or primitive it renders (for example `className`, `id`, `aria-*` and event handlers).

## Storybook stories

- [Default](/storybook/?path=/story/atoms-kbd--default)
- [Combination](/storybook/?path=/story/atoms-kbd--combination)
- [In Sentence](/storybook/?path=/story/atoms-kbd--in-sentence)

## Source

`packages/ui/src/atoms/kbd/kbd.tsx`