小ネタ記事になります
Divider
を用いる際、色の変更するのにパッとcolorを指定するだけではダメだったので備忘録です。
対処法
<Divider sx={{ borderBottomWidth: '1px', borderColor: '#DADADA' }} />
以上です。根本原因はプロジェクトのテーマ設定や、devias-kit
というものを用いていた都合もあるかもしれませんが、color
とかwidth
ではなくborderBottomWidth
とborderColor
でDivider
に色をつけることに成功しました。
devias-kitとは
MaterialUIの、さらにコンソール(管理)画面に特化した有料ライブラリです。
プランによってはFigmaデータがもらえたりするので管理画面の開発をする際は発生する開発コストと天秤にかけながらこういう有料ライブラリの検討もして良いと思います。