Notes
Étoiles, chiffres et icônes : noter, afficher une note, l’envoyer avec un formulaire.
⭐ Rating (étoiles et masques)
Note simple
Avec espacement
Toutes les tailles
Couleurs
Formes
Demi-étoiles
Note contrôlée
Lecture seule et désactivé
🔢 NumberRating (boutons)
NumberRating simple
Carré ou rond
Toutes les tailles
Combinaisons de couleurs
Nombre d’éléments
Avec espacement
Contenu personnalisé
NumberRating contrôlé
Lecture seule et désactivé
💼 Cas d’usage
Smartphone X
Le dernier haut de gamme, plein de fonctions.
Avis clients
Excellent produit ! Je le recommande vivement.
Un bon rapport qualité-prix.
Enquête de satisfaction
Notez notre service (1 à 10) :
Votre expérience globale :
⭐ IconRating (icônes)
Étoiles
Autres icônes
Couleurs personnalisées
Taille adaptative
size accepte un objet point de rupture → taille. Redimensionnez la fenêtre : cette note grandit de sm → md → lg → xl au fil des points de rupture.
Noms accessibles
Chaque élément se lit « 3 sur 5 », dans la langue affichée — quoi qu’il montre : étoiles, cœurs ou chiffres. ariaLabel dit ce qui est noté ; en lecture seule, toute la valeur se lit d’un coup ; itemLabel remplace les mots. Vérifiez-les dans l’inspecteur d’accessibilité.
Dans un formulaire
Avec un name, chaque note part avec le formulaire : la valeur choisie, 0 si elle est effacée. Une note en lecture seule part aussi ; une note désactivée, non.