Tracés générés depuis les sources androidx-main (MaterialShapes.kt et graphics-shapes), normalisés dans un carré comme RoundedPolygon.normalized(). En production Compose, l'indicateur passe d'une forme à l'autre avec Morph ; ici la séquence est montrée à plat.
UX / UIRègles illustrées
check_circleÀ faire
Deux formes max, teintes conteneur, proportions intactes.
cancelÀ éviter
Une forme étirée sur un axe : elle perd sa géométrie.
cancelÀ éviter
Confettis de formes en couleurs vives et sémantiques.
Variante M3EMême composant, mêmes rôles, autre matière
PlazaWii U / 3DS
Les formes se posent dans des tuiles brillantes ; la tuile sélectionnée prend le cadre primary.
ChromeY2K
Sphère de métal, cookie en gel primary, gem en accent tertiary.
infoReference specimen. Example copy comes from the Pelote specs and is in French.
26 of the 35 official Material 3 Expressive shapes (Compose MaterialShapes), with exact paths: bundle.js carries the androidx RoundedPolygon algorithm and exposes each shape in Pelote.SHAPES.
Rules
Use <svg data-shape="cookie9"> or Pelote.shapePath("cookie9"), an SVG path in a 100-unit box. Colour through a container role (pc, secc, tc).