Plugins

Tailwind CSS 🟡 Mid

Definition

Systeme d'extension qui permet d'ajouter de nouvelles utilitaires, composants ou variantes a Tailwind. Les plugins officiels incluent typography, forms, aspect-ratio.

Analogie

Des extensions de navigateur : elles ajoutent des fonctionnalites sans modifier le coeur du logiciel.

Exemple de code

// Plugin custom
const plugin = require('tailwindcss/plugin')
module.exports = plugin(({ addUtilities }) => {
  addUtilities({
    '.text-shadow': {
      textShadow: '2px 2px 4px rgba(0,0,0,0.1)'
    }
  })
})

Cas d'usage

Ajouter des utilitaires manquantes ou integrer un systeme de design custom dans Tailwind.

Termes lies

#styling#tailwind