小编Bry*_*sen的帖子

如何通过“更多”下拉菜单实现material-ui选项卡(如文档屏幕快照所示)

我正在寻找实现一个Tabs包含很多(7-9)个Tab组件的桌面视图的组件。当它超出上的视口宽度时Tabs,我不想使用可滚动标签,而是希望其他Tab项目位于“ 更多”下拉菜单中,就像下面的示例文档所示: 下拉示例

问题:

  1. 实现该目标的目的是什么?我实际上希望获得与它们描述的功能完全相同的功能,当我从上方的下拉菜单中单击某个项目(例如书籍)时,该位置将与Tab更多”下拉菜单的左侧直接交换位置,如这张屏幕截图所示。 doc:

选书

  1. 具体来说,“ 更多”下拉列表是“ 标签”组件还是“ 下拉菜单”组件?
  2. 使用时,默认情况下如何从“更多下拉列表”中选择选项卡/选项?(例如:选中的标签页是否会像屏幕截图一样移动到可见的标签页部分?)。还是需要手动完成此操作才能获得该结果?
  3. 最后,是否有指向此用法示例的链接?

reactjs material-ui

5
推荐指数
1
解决办法
1226
查看次数

标签 统计

material-ui ×1

reactjs ×1