Material-UIはv5からスタイル指定に変更があったようなので調査結果を報告致します。

参考URL: https://zenn.dev/h_yoshikawa0724/articles/2021-09-26-material-ui-v5

デザインシステム emotion or styled-components

インターフェイスとしては共通なものが用意されている。

(デフォルトではemotion)

スタイルをあてる方法

styled()を用いる。

const RedButton = styled(Button)({ backgroundColor: "red"})

sx propsを用いる。

<Button sx={{my:1}}>Hoge</Button>

以上です。テーマについてはリンク先参照。

The following two tabs change content below.

• この記事を書いた人
• 最新の記事

片桐 奏羽

アプリ開発をしながら物理を研究しています。

最新記事 by 片桐 奏羽 (全て見る)

• LatexでAppendixの式番号を(A.1)にする - 2024年1月19日
• kubectlでinvalid apiVersion - 2024年1月16日
• SQLでnull = null - 2023年11月28日