Class Composition

Tailwind CSS 🟢 Junior

Définition

Technique consistant a combiner plusieurs classes utilitaires pour créer un style complet. L'ordre des classes n'affecte pas la spécificité.

Analogie

Comme composer un plat en ajoutant des ingrédients un par un : sel, poivre, huile, chacun apporte sa touche.

Exemple de code

<button class="px-4 py-2 bg-blue-500 text-white
  rounded-lg hover:bg-blue-600 transition-colors">
  Cliquer
</button>

Cas d'usage

Construire des composants UI en empilant des utilitaires sans écrire de CSS custom.

Termes liés

#styling#interview#tailwind

← → au clavier pour passer d'une fiche à l'autre