web-dev-qa-db-ja.com

Material-UIでタイポグラフィを使用する必要があるのはいつですか？

Material-UIを使用していますが、少し混乱しています。コンポーネントがあります Typography ですが、いつ使用するのか、その目的は何なのかよくわかりません。

Typographyはいつ使用する必要がありますか？開発中に使用すると、どのような問題が解決/支援されますか、またはどのようなメリットがありますか？

例は私がそれをよりよく理解するのに非常に良いでしょう。

reactjsmaterial-designmaterial-ui
7
Vencovsky

Dupocasが言ったように、それはテキストを標準化する方法です。

タイポグラフィを使用すると、テキストのすべてのカテゴリを標準化できます。たとえば、すべてのタイトルのサイズ、フォント、太さを同じにしたい場合は、次のように使用できます。

<Typography variant="h1">My Title</Typography>

すべての字幕について

<Typography variant="subtitle1">My SubTitle</Typography>

そのコンポーネントを使用すると、特定のスタイルを設定するために、特定のclassNameを持つdivをテキストに追加する必要はありません。これらはすべて、デフォルトでタイポグラフィに適用されます。

タイポグラフィには、テキストをラップするhtmlタグのタイプを選択できる「コンポーネント」など、渡すことができるより多くのプロパティがあります。 以前のバージョンではそうではありませんでした

<Typography variant="body1" component="p">
      My Text
</Typography>

Material UIは優れたライブラリであり、選択を行うことができますが、独自の選択を行うことができます。すべてのバリアントはカスタマイズできます。方法については、カスタマイズのセクションをご覧ください。

Typograpyの「API」セクションをご覧ください。これは便利で便利です。

その助けを願っています。

2
Pascal Mormin