# LinkCard
A door to another area: a title, a sentence and the arrow. The whole card is the link.
## Playground
```html
```
## Quand l'utiliser
- To present a few possible paths, side by side: a site's areas, the two paths of a getting-started page.
## Quand ne pas l'utiliser
- **For a list of items** (schedules, tasks): use Table or TaskList.
- **For an action:** use Button.
- **For more than six doors:** it becomes a grid of identical cards; use a list of links.
## Exemples
### Portes côte à côté
Dans un Grille, chaque carte avec un titre, une phrase et la flèche. Au survol, le papier se soulève.
Afficher le code
```html
```
## Anatomie
1. **Carte :** le lien entier, sur papier ; il se soulève au survol.
2. **Titre :** la destination, en un ou deux mots.
3. **Flèche :** dit qu'elle mène ailleurs.
4. **Phrase :** ce qui se trouve de l'autre côté.
## États
- **Survol :** devient papier soulevé, avec l'ombre dure.
- **Focalisation :** le contour orange autour de toute la carte.
## Faire et ne pas faire
Do
[**Get started**From zero to a page in a few steps.](#padroes)
Un titre qui est la destination, et une phrase disant ce qu'il y a.
Don’t
[**Learn more**Read](#padroes)
"En savoir plus" ne dit pas la destination, et un lien dans la carte de lien trouble le clic.
## Accessibilité
- La toute carte est un seul `` : rien n'est cliquable à l'intérieur.
- Le titre vient en premier dans le code, donc les lecteurs d'écran lisent la destination avant la phrase.
## Attributs
Attribut
Valeurs
Pour quoi
`class="feitio-link-card"`
sur le ``
La carte de lien, avec la feuille qui se soulève.
``
le titre, avec la flèche
La destination, en un ou deux mots.
``
la phrase
Ce qui se trouve de l'autre côté.