Kbd

Representa una tecla o combinación para mostrar atajos de teclado.

Preview principal

KBDatajos de teclado

Para buscar⌘K

Elemento semántico <kbd>. Usa una tecla por componente; combina en serie.

Teclas

Letras, símbolos y modificadores.

AShiftCtrl↵Esc

Combinaciones

Varios Kbd en serie, separados por +.

⌘+K⌘+Shift+PCtrl+Alt+Del

Tamaños

sm · md (default).

Fsm

Fmd

En contexto

Integrado en una instrucción.

Pulsa ⌘Enter para enviar. Cierra con Esc.

Tamaños

Tamaño	Descripción
sm	Compacto
md	Por defecto

Uso

import { Kbd } from "devsoftec-ui";

<Kbd>⌘</Kbd>
<Kbd>K</Kbd>
<Kbd size="sm">F</Kbd>

{/* Combinación */}
<Kbd>⌘</Kbd> <Kbd>Shift</Kbd> <Kbd>P</Kbd>

Accesibilidad

• Usa el elemento semántico <kbd> para que los lectores de pantalla lo reconozcan.
• No sustituyas un label o botón por un aviso de tecla: acompáñalo de una instrucción descriptiva.