# LinkCard
Una puerta a otra área: un título, una frase y la flecha. Toda la tarjeta es el enlace.
## Playground
```html
```
## Cuándo usarlo
- Para presentar algunas rutas posibles, lado a lado: áreas de un sitio, las dos rutas de una página de inicio.
## Cuándo no usarlo
- **Para una lista de elementos** (calendarios, tareas): use Table o TaskList.
- **Para una acción:** use Button.
- **Para más de seis puertas:** se convierte en una cuadrícula de tarjetas idénticas; use una lista de enlaces.
## Ejemplos
### Puertas lado a lado
En una cuadrícula, cada tarjeta con un título, una frase y la flecha. Al pasar el cursor, el papel se eleva.
Mostrar código
```html
```
## Anatomía
1. **Tarjeta:** todo el enlace, en papel; se eleva al pasar el cursor.
2. **Título:** el destino, en una o dos palabras.
3. **Flecha:** dice que va a otro lado.
4. **Frase:** lo que hay al otro lado.
## Estados
- **Pasar el cursor:** se convierte en papel elevado, con la sombra dura.
- **Enfoque:** el borde naranja alrededor de toda la tarjeta.
## Hacer y no hacer
Do
[**Get started**From zero to a page in a few steps.](#padroes)
Un título que es el destino y una frase que dice qué hay allí.
Don’t
[**Learn more**Read](#padroes)
"Más información" no dice el destino, y un enlace dentro de la tarjeta de enlace confunde el clic.
## Accesibilidad
- La tarjeta entera es un único ``: nada clicable dentro de ella.
- El título viene primero en el código, por lo que los lectores de pantalla leen el destino antes que la frase.
## Atributos
Atributo
Valores
Para qué sirve
`class="feitio-link-card"`
sobre el ``
La tarjeta de enlace, con el papel elevándose.
``
el título, con la flecha
El destino, en una o dos palabras.
``
la oración
Lo que hay al otro lado.