タグ

ブックマーク / qiita.com/cu39 (1)

  • TypeScriptでMaterial-UIコンポーネントをカスタマイズして再利用する - Qiita

    動機 Material-UI (MUI) のTypographyにいちいちparagraph属性を書くのが面倒なので、書かなくていいようにしたかった。 実例リポジトリ 方法1:テーマでコンポーネントのデフォルトプロパティを設定する コメントでkisaragiさんにで教えていただきました。MUIにはテーマでコンポーネントのデフォルトプロパティを設定する機能があり、そこでparagraph: trueとするとテーマ配下のコンポーネント全体にプロパティが適用されます。 次の例ではテーマオブジェクトに{props: { MuiTypography: { ... }}を設定しています。propsがデフォルトプロパティ設定を表すキー、MuiTypographyがコンポーネントのスタイル名を表すキーです。このスタイル名はAPIドキュメンテーションのCSSセクションか、直接ソースを参照して調べます。 co

    TypeScriptでMaterial-UIコンポーネントをカスタマイズして再利用する - Qiita
  • 1