Prefix

Definition

Option de config qui ajoute un prefixe a toutes les classes Tailwind generees. Evite les conflits avec du CSS existant ou d'autres frameworks.

Analogie

Mettre une etiquette sur tes affaires a l'ecole pour ne pas les confondre avec celles des autres.

Exemple de code

// tailwind.config.js
module.exports = {
  prefix: 'tw-',
}
// Usage: <div class="tw-flex tw-p-4 tw-bg-blue-500">

Cas d'usage

Integrer Tailwind dans un projet existant avec du CSS legacy sans conflits de noms.

Termes lies