MUI 响应式选项卡

Question

是否可以使 MUITabs具有响应能力？

我拥有的：

我想要实现的目标：

Answer 1

flexWrap: 'wrap'您可以在选项卡容器组件中设置它是一个弹性盒：

<Tabs
  // disable the tab indicator because it doesn't work well with wrapped container
  TabIndicatorProps={{ sx: { display: 'none' } }}
  sx={{
    '& .MuiTabs-flexContainer': {
      flexWrap: 'wrap',
    },
  }}
  {...}
>