DaisyUI, composants CSS de Tailwind

DaisyUI est un plugin de Tailwind CSS, gratuit, qui propose des composants CSS personnalisables et un HTML propre avec les classes de composants. DaisyUI ajoute ainsi des classes de composants à Tailwind CSS.

Ce plugin offre ce pendant de nombreux avantages. On peut observer à ce niveau:

• Un HTML propre, avec les classes de composants

Votre HTML n’a pas besoin d’être désordonné. DaisyUI ajoute des classes de composants à Tailwind CSS. Des classes comme btn, card, etc… Plus besoin de gérer des centaines de classes utilitaires.

• Hautement personnalisable

Utilisation des classes utilitaires de Tailwind

DaisyUI est basé sur les classes utilitaires de Tailwind et tous les composants ont une faible spécificité de sorte que vous pouvez tout personnaliser en utilisant les classes utilitaires.
Vous pouvez même utiliser apply pour ajouter vos styles personnalisés aux composants ou vous pouvez changer les couleurs et autres décisions de conception en utilisant des variables CSS.

• #### Une thématisation puissante!

#### Appliquez vos propres décisions de conceptionDaisyUI ajoute un ensemble de noms de couleurs sémantiques à Tailwind. Ainsi, au lieu d’utiliser des noms de couleurs génériques comme bg-blue-500, nous pouvons utiliser des noms de rôles sémantiques comme bg-primary ou bg-success.
Toutes les couleurs sont des variables CSS. Vous pouvez donc facilement ajouter le mode sombre en modifiant quelques variables CSS. Essayez les thèmes par défaut de DaisyUI ou créez votre propre thème en moins d’une minute !

#### Installation: DaisyUI ne nécessite pas de dépendances, c’est du pur CSS. Il peut être utilisé comme un plugin CSS Tailwind ou comme une bibliothèque CSS indépendante.

Pour l’installation, je vous recommande le documentation officielle.

+ * *