← Tous les composants

ExpressiveRéférence

Basiques

circle
square
slanted
arch
fan
arrow
semiCircle
oval
pill
triangle
diamond
clamShell
pentagon
gem

Soleils et cookies

sunny
verySunny
cookie4
cookie6
cookie7
cookie9
cookie12

Organiques

ghostish
clover4
clover8
puffyDiamond
bun

Séquence de l'indicateur de chargement (sans softBurst)

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

À faire
Deux formes max, teintes conteneur, proportions intactes.
À éviter
Une forme étirée sur un axe : elle perd sa géométrie.
À é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.