Utilisez les rayons et ombres dans les conteneurs de votre application.
L’échelle des rayons va de petits arrondis aux formes de pilule. Utilisez-la dans vos conteneurs qui accompagnent les composants.
.summary-card {
border-radius: var(--lq-radius-18);
box-shadow: var(--lq-shadow-level2);
}
.status-chip {
border-radius: var(--lq-radius-pill);
}shadow-level1, shadow-level2 et shadow-level3 définissent l’élévation générale. Les autres tokens de contours et reflets sont des entrées du moteur. Préférez Material, GlassPrimitive ou un composant plutôt que de reproduire leurs couches optiques.
Utilisez le rayon et l’élévation pour exprimer le regroupement et la hiérarchie. Évitez d’empiler des surfaces élevées si un conteneur et des lignes simples suffisent.