如何通过prop禁用Material UI Tabs的指示器动画

你可以通过TabIndicatorProps传递样式属性直接覆盖指示器的默认过渡动画，不需要额外引入单独的CSS文件，具体写法如下：

<Tabs
  value={value}
  TabIndicatorProps={{
    sx: {
      transition: 'none'
    }
  }}
>
  {/* 此处放置你的Tab子组件 */}
</Tabs>

如果你使用的是不支持sx属性的旧版本Material UI，可以替换为style属性实现相同效果：

<Tabs
  value={value}
  TabIndicatorProps={{
    style: {
      transition: 'none'
    }
  }}
>
  {/* 此处放置你的Tab子组件 */}
</Tabs>

TabIndicatorProps本身没有专门用于禁用动画的独立配置项，上述方案直接覆盖了指示器默认的过渡动画规则，是当前最简单的实现方式。

内容的提问来源于stack exchange，提问作者meez