Kbd

Elementos kbd para mostrar combinaciones de teclas.

Paquete: @solidiom/kbd
Versión: 0.0.1-next.0
Estado: stable

Ejemplos

import * as Kbd from "@solidiom/kbd"

;<p>
  Presiona <Kbd.Root>Ctrl</Kbd.Root> + <Kbd.Root>K</Kbd.Root> para abrir el menú de comandos.
</p>

Composición

Cada Kbd.Root renderiza un elemento <kbd> independiente. Para atajos de múltiples teclas, usa instancias separadas divididas por texto u operadores.

⌘Kpara abrir la paleta de comandos

Ver código fuente

        export function Root(props: KbdRootProps) {
  return (
    <kbd
      class={props.class}
      style={props.style}
      {...applySemanticAttrs({ scope: "kbd", part: "root" })}
    >
      {props.children}
    </kbd>
  )
}