Class Composition

Tailwind CSS 🟢 Junior

Definition

Technique consistant a combiner plusieurs classes utilitaires pour creer un style complet. L'ordre des classes n'affecte pas la specificite.

Analogie

Comme composer un plat en ajoutant des ingredients 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 ecrire de CSS custom.

Termes lies

#styling#interview#tailwind