Zenn
Closed1

【Material-ui】タブの下線色変更方法（CSSカスタム）

Material-UI
hirohiro

何について書く？

  • Material-uiのTabsに標準機能以外のスタイル（下線）を適用する(太さや色)

内容

  • 結論
          <Tabs value={value}
            TabIndicatorProps={{
              style: {
                backgroundColor: '#101010',
                height: '10px'
              }
            }}
            onChange={handleChange}
          >
            <Tab label="A" value="A" />
            <Tab label="B" value="B" />
          </Tabs>

参考サイト

このスクラップは2022/04/17にクローズされました