Todos los componentes (244)

Combinación de teclas

Tipografía · KeyCombo

Qué es y cuándo usarlo

Un atajo pintado como teclas: «Ctrl» «K» en un PC y «⌘» «K» en un Mac, escrito una sola vez como mod+k.

Junto a una acción de un menú, en una ayuda o en un texto que explica un atajo.
keys es el atajo como en useHotkeys y useShortcut; una secuencia se separa con espacios (g i).
Sin mac, lo decide el navegador; en el servidor se pinta como en un PC y se corrige al llegar al navegador.

Teclado: no tiene; es texto.

Accesibilidad: cada tecla es un <kbd> y los nombres que cambian con el idioma (Mayús, Intro, Espacio) salen traducidos.

Aspecto fino: las teclas son las de Kbd.

Guardar: CtrlS

Buscar en la tienda: CtrlMayúsK

Siempre con símbolos de Mac: ⌘⌥P

<KeyCombo keys="mod+s" />
<KeyCombo keys="mod+shift+k" />
<KeyCombo keys="mod+alt+p" mac />

Se importa con import { KeyCombo } from '@amset/ui'. Las obligatorias van marcadas.

Prop	Tipo	Para qué sirve
`keys`obligatoria	`string`	El atajo: `mod+k`. Una secuencia se separa con espacios: `g i`.
`className`	`string`	Se une a las clases de la biblioteca, no las sustituye.
`mac`	`boolean`	Pintarlo como en un Mac. Por defecto, lo que diga el navegador; en el servidor, como en un PC.

Acepta además los atributos del elemento que pinta: className, style, data-*, aria-* y sus eventos.

Cada estado y cada variante, para tocarlos de uno en uno, en su ficha de ui.amset.tech: