Botões

Live keycap

Uma tecla de aparência física que é pressionada quando clicada e espelha a tecla correspondente no teclado real do leitor.

Click a cap, or press Alt or Tab on your keyboard and the caps move with you.

Como usar Live keycap

Uma tecla de aparência física que é pressionada quando clicada e espelha a tecla correspondente no teclado real do leitor.

Teste a prévia com o mouse e o teclado. Verifique o foco visível e o layout em telas estreitas na sua página. Informe o número ou o identificador do componente ao seu agente de programação.

Propriedades: keyLabel, accent, travel, watchKeyboard, tone

Quais frameworks estão disponíveis?

O catálogo inclui estas versões: react, vue, svelte, astro, html. A prévia desta página usa React.

Como acessar a implementação?

O código, as versões e os comandos de instalação estão disponíveis no painel acima.

Conecte seu agente

Componentes relacionados

2689Physical keycap buttonBotõesUma tecla de teclado moldada com parte superior sombreada e deslocamento real: ela é pressionada, comprimida e pisca quando clicada ou quando sua tecla vinculada é pressionada.

2574Arcade dome buttonBotõesUm botão redondo cuja tampa em forma de cúpula flutua acima de uma base mais escura e fica nivelada com uma queda visível quando pressionada.

1835Key travel buttonBotõesUma tecla arredondada apoiada em uma base alta que encurta ao pairar e desaparece quando pressionada, assentando a tecla na horizontal.

2630Keycap lift buttonBotõesUm botão de tecla mecânica que se levanta ao pairar, mantém um lábio inferior sólido e troca toda a sua pilha de sombras para dentro quando é pressionado.

2587Keycap plate buttonBotõesUma placa quadrada emoldurando uma tecla arredondada que desce ao ser pressionada e permanece pressionada enquanto o botão é pressionado, pelo ponteiro ou pelo teclado.

2717Keycap press buttonBotõesUma tecla clara com espessura real construída a partir de sombras duras empilhadas, que desce e perde altura quando pressionada.