@tailwindcss/typography (Prose)

Définition

Plugin officiel qui ajoute la classe prose pour styler du contenu riche (articles, markdown, CMS). En v4 il se charge avec la directive @plugin dans le CSS, plus via plugins: [] du fichier JS.

Analogie

Un styliste personnel pour tes articles : il rend tout beau sans que tu touches a chaque élément.

Exemple de code

<!-- app.css : @import "tailwindcss"; @plugin "@tailwindcss/typography"; -->
<article class="prose prose-lg dark:prose-invert max-w-none">
  <h1>Mon article</h1>
  <p>Le contenu est stylé automatiquement…</p>
</article>

Cas d'usage

Styler du contenu éditorial/markdown venant d'un CMS ou d'une base de données.

Termes liés

Sources

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