Plugins

Définition

Système d'extension de Tailwind. En v4, l'essentiel se fait en CSS : @utility pour un utilitaire, @custom-variant pour une variante, @theme pour les tokens. Les plugins JavaScript (typography, forms) se chargent en mode compatibilité avec @plugin.

Analogie

Des extensions de navigateur : elles ajoutent des fonctionnalités sans modifier le coeur du logiciel.

Exemple de code

@import "tailwindcss";

/* plugin JS hérité */
@plugin "@tailwindcss/typography";

/* équivalent CSS-first d'un mini-plugin */
@utility text-shadow {
  text-shadow: 2px 2px 4px rgb(0 0 0 / 0.1);
}

Cas d'usage

Ajouter des utilitaires manquantes ou intégrer un système de design custom dans Tailwind.

Termes liés

Sources

• tailwindcss.com/docs/functions-and-directives