# LinkCard
Uma porta para outra área: título, uma frase e a seta. O cartão inteiro é o link.
## Playground
```html
```
## Quando usar
- Para apresentar poucos caminhos possíveis, lado a lado: as áreas de um site, os dois caminhos de um começo.
## Quando não usar
- **Para uma lista de itens** (agendamentos, tarefas): use Table ou TaskList.
- **Para uma ação:** use Button.
- **Para mais de seis portas:** vira uma grade de cartões iguais; use uma lista de links.
## Exemplos
### Portas lado a lado
Num Grid, cada cartão com título, uma frase e a seta. Com o mouse por cima, o papel levanta.
Mostrar código
```html
```
## Anatomia
1. **Cartão:** o link inteiro, em papel; levanta com o mouse por cima.
2. **Título:** o destino, em uma ou duas palavras.
3. **Seta:** diz que leva a outro lugar.
4. **Frase:** o que tem do outro lado.
## Estados
- **Mouse por cima:** vira papel sobreposto, com a sombra dura.
- **Foco:** o contorno laranja em volta do cartão inteiro.
## Bons e maus padrões
Faça assim
[**Começar**Do zero a uma página em poucos passos.](#padroes)
Um título que é o destino, e uma frase que diz o que tem lá.
Não faça
[**Saiba mais**Leia](#padroes)
"Saiba mais" não diz o destino, e um link dentro do cartão-link confunde o clique.
## Acessibilidade
- O cartão inteiro é um só ``: nada clicável dentro dele.
- O título vem primeiro no código, para o leitor de tela ler o destino antes da frase.
## Atributos
Atributo
Valores
Para quê
`class="feitio-link-card"`
no ``
O cartão-link, com o papel que levanta.
``
o título, com a seta
O destino, em uma ou duas palavras.
``
a frase
O que tem do outro lado.