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 片桐 奏羽 (全て見る)

• MacをスリープさせないTips - 2024年8月8日
• Bridgeパターン - 2024年6月25日
• Visual Studioのショートカット(Mac) - 2024年6月19日