# Kbd

> Una tecla o un atajo en línea, en Geist Mono.

```tsx
import { Kbd } from "sebs7n-ui/kbd"
```

Sin `"use client"`: sirve en un Server Component.

## Ejemplos

### Atajos en línea

```tsx
import { Kbd } from "sebs7n-ui/kbd"

function Basico() {
  return (
    <p className="text-copy-14 text-gray-900">
      Abrí la paleta con <Kbd>⌘</Kbd> <Kbd>K</Kbd> y cerrá cualquier panel con <Kbd>Esc</Kbd>.
    </p>
  )
}
```

## Props

### Kbd

Hereda las props de `<kbd>`.

| Prop | Tipo | Por defecto | Descripción |
|---|---|---|---|
| `className` | `string` | — | — |

## Teclado

| Tecla | Qué hace |
|---|---|
| — | Es texto. |

## Accesibilidad

- Emite `<kbd>`, que es lo que corresponde. No registra ningún atajo: solo lo muestra.

## Reglas de uso

- Para anunciar el atajo, `aria-keyshortcuts` va en el control que lo dispara, no en el `Kbd`.
- Símbolos de Mac (`⌘`, `⌥`, `⇧`) o nombres (`Ctrl`, `Alt`): elegí uno y mantenelo en toda la app.

## Relacionados

[sidebar](/docs/components/sidebar.md) · [dropdown-menu](/docs/components/dropdown-menu.md)