Vox Mente
Navegação

Componentes

Kbd

beta

Exibe uma tecla. Só isso — não registra atalho nenhum, o bind fica na aplicação.

Ainda não é estável porque Pendência editorial: oQueE, quandoUsar, quandoNaoUsar; Rota não varrida pelo sensor. Ausência de medição não é aprovação. O contrato de maturidade explica o que cada requisito exige.

@voxmente/ui/components/ui/kbd

Playground
Ctrl
<Kbd>Ctrl</Kbd>

Uso

Kbd exibe a representação visual de uma tecla. Ele não registra atalho nenhum — o `onKeyDown` é responsabilidade de quem chama.
Ctrl

Grupo

`KbdGroup` encadeia teclas de uma combinação, com o espaçamento certo entre elas. Cada tecla continua sendo um `Kbd` separado.
CtrlK

Em contexto

Uso comum: ao lado de um rótulo, indicando o atalho para buscar um aluno na turma — sem que o componente faça o atalho funcionar.
Buscar alunoCtrlP

Referência da API

Extraída do TypeScript de @voxmente/ui a cada build. Se divergir do código, o código mudou.

Kbd, KbdGroup não têm props próprias — aceitam apenas as props herdadas, incluindo className e os atributos de DOM.

Pendência editorial: o que é, quando usar, quando não usar, acessibilidade, componentes relacionados, exemplo em contexto de produto. A lacuna aparece aqui em vez de ser preenchida com orientação inventada.

Origem do dado
  • Demonstrações e playground: componente real de @voxmente/ui
  • Referência da API: TypeScript do pacote
  • Cor, espaçamento e raio das demonstrações: tokens de theme.css