# Kbd

Uma tecla, escrita como no teclado, para dizer qual apertar.

## Playground

```html
<kbd class="feitio-kbd">Esc</kbd>
```

## Quando usar

-   Para atalhos e teclas no texto: "aperte / para buscar".

## Quando não usar

-   **Para código:** o código em linha.
-   **Como único jeito de fazer algo:** o atalho é um extra; o botão continua lá.

## Exemplos

### Teclas e combinações

Uma tecla por `<kbd>`; combinações com o sinal de mais entre elas.

Mostrar código

```html
<kbd class="feitio-kbd">Ctrl</kbd> + <kbd class="feitio-kbd">K</kbd>
```

## Acessibilidade

-   É um `<kbd>`: o leitor de tela sabe que é uma tecla.
-   Setas e símbolos: escreva o nome por extenso se ele for o único texto ("seta para baixo").

## Atributos

Atributo

Valores

Para quê

`class="feitio-kbd"`

no `<kbd>`

A tecla, com a borda de baixo um pouco mais grossa.