reactjs - 如何更改 Material ui 中选项卡指示器的高度

Question

我想更改 Material ui 中选项卡指示器的高度/厚度

从此

对此

Answer 1

如果您想在 MUI v5 中使用 sx，则:

<Tabs
  TabIndicatorProps={{
    sx: {
      bgcolor: "orange"
      height: "10px"
    }
  }}
  onChange={handleChange}
  value={value}
>
  <Tab label="Item One" />
  <Tab label="Item Two" />
  <Tab label="Item Three" />
</Tabs>

<小时/>

您可以使用TabIndicatorProps更改它。

<Tabs
  TabIndicatorProps={{
    style: {
      height:"10px",
    }
  }}
  onChange={handleChange}
  value={value}
>
  <Tab label="Item One" />
  <Tab label="Item Two" />
  <Tab label="Item Three" />
</Tabs>