> 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/star-rating.md).

# Label note

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

***

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=54-2962&page-id=54:2961&scaling=min-zoom&starting-point-node-id=54:2962&t=baEB6QwNOhJYIG3b-1&viewport=176,153,1.04>" %}

***

### Principes

#### Transparence

La note globale doit impérativement être accompagnée du nombre d'avis pour donner de la crédibilité au score affiché et rassurer l'utilisateur.

#### Précision

Le remplissage des étoiles doit permettre de visualiser les demi-points afin de refléter fidèlement la réalité de la note.

#### Taille variable

La taille du composant est toujours ajustée en fonction du contexte qui l'entoure avec deux possibilités au choix : Small et Large.

***

### Usage

Le composant est utilisé dans l'écosystème de l'avis et de la notation client sur les produits, mais aussi dans ce qui entoure les vendeurs et avis marque.

***

### Composant lié

{% content-ref url="/pages/GsW6zJMPR4LtmqIppFek" %}
[Review](/documentation/components/review.md)
{% endcontent-ref %}

{% content-ref url="/pages/eUzMKjPBbyqnKY2fQhjs" %}
[Product Box](/documentation/components/product-box.md)
{% endcontent-ref %}

{% content-ref url="/pages/QhS5kK3rPE5esssXNVCH" %}
[Récapitulatif Produit](/documentation/components/aide-au-choix.md)
{% endcontent-ref %}