Custom Plugins

Tailwind CSS 🔴 Senior

Definition

API pour creer ses propres plugins Tailwind via addUtilities, addComponents, addVariant. Permet d'etendre le framework avec des fonctionnalites specifiques au projet.

Analogie

Fabriquer tes propres briques LEGO quand les formes standard ne suffisent plus.

Exemple de code

const plugin = require('tailwindcss/plugin')
module.exports = plugin(({ addVariant, e }) => {
  addVariant('hocus', ['&:hover', '&:focus'])
  // Usage: hocus:bg-blue-500
})

Cas d'usage

Ajouter des variantes custom (hocus, supports) ou des utilitaires metier au framework.

#styling#tailwind