@tailwindcss/typography

美しい活版印刷のデフォルトを提供するためのファーストパーティプラグイン。


@tailwindcss/typographyプラグインは、カスタマイズ可能なproseクラスのセットを追加します。 これを使用して、Markdownを解析した後に得られる出力や、CMSから取得したコンテンツなど、バニラHTMLに美しい活版印刷のデフォルトを追加できます。

<article class="prose lg:prose-xl">
  <h1>Garlic bread with cheese: What the science tells us</h1>
  <p>
    For years parents have espoused the health benefits of eating garlic bread with cheese to their
    children, with the food earning such an iconic status in our culture that kids will often dress
    up as warm, cheesy loaf for Halloween.
  </p>
  <p>
    But a recent study shows that the celebrated appetizer may be linked to a series of rabies cases
    springing up around the country.
  </p>
  <!-- ... -->
</article>

これはあなたが期待するかもしれないすべてのための実用的なデフォルトを提供します。

  • 基本的なタイポグラフィ
  • 見出しのスタイル
  • テーブル
  • 順序付きリストと順序なしリスト
  • 水平方向のルール
  • ...and more

ライブデモをご覧ください。 詳細については、GitHubドキュメントをお読みください。


Translated by T.Arai @ Entap,Inc. / スマホアプリ開発会社

Tailwind UI is now in early access!