> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/aide-au-choix.md).

# Récapitulatif Produit

{% hint style="info" icon="figma" %}
Nom du composant : **fpRecap**
{% endhint %}

***

{% tabs %}
{% tab title="Défaut" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=7321-1101&page-id=7321:1100&scaling=min-zoom&t=nNHYB2MYnZ4XU8Mm-1&viewport=427,494,0.82>" %}
{% endtab %}

{% tab title="Applatie" %}
{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=7322-24806&page-id=7321:1100&scaling=min-zoom&t=nNHYB2MYnZ4XU8Mm-1&viewport=427,494,0.82>" %}
{% endtab %}
{% endtabs %}

***

### Principes

#### Clarté et hiérarchie de l'information

Les informations doivent être claires, simples et correctement placées pour que la lecture, la recherche et l'exploration de la fiche produit se fasse de la façon la plus optimale, jusqu'à l'achat.

***

### Usage

Il est utilisé sur la fiche produit uniquement, toujours à droite de la galerie.

***

### Dos & Don'ts

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th></tr></thead><tbody><tr><td><mark style="color:green;">À faire</mark></td><td>Utiliser le récap dans la fiche produit</td></tr><tr><td><mark style="color:red;">À ne pas faire</mark></td><td>Utiliser le récap ailleurs</td></tr></tbody></table>