bx

Kbd

A styled element to indicate a keyboard shortcut.

Press ⌘ + K to open
tsx 
<p>Press <Kbd>⌘</Kbd> + <Kbd>K</Kbd> to open</p>

Kbd — <kbd> HTML stylé pour indiquer un raccourci clavier. Petit rendu bord clair + monospace. À combiner avec du texte (ex : "Press ⌘K to open").

Installation

Terminal 
$ bext ui add kbd

Usage

tsx 
import { Kbd } from "@bext-stack/ui/primitives"

<p>Press <Kbd>⌘</Kbd> + <Kbd>K</Kbd> to open the command palette.</p>

Anatomy

<Kbd>⌘K</Kbd>

API Reference

Kbd

Prop Type Default Description
children ReactNode — Le raccourci (symbole ou lettre).
className string — undefined

Accessibility

Élément sémantique <kbd>. Les AT annoncent "clé ". Pour un raccourci composé, wrap chaque touche : <Kbd>⌘</Kbd> + <Kbd>K</Kbd>.

← Item Label →