Tabbed components 选项卡式组件 bootstrap react

pencil 26天前 30

动态选项卡式界面
示例
创建动态选项卡式界面,如创作实践中所述。Tabs是一个高级组件,用于快速创建与一组tabpane匹配的Nav。
Controlled 受约束的
当您想亲自处理选择逻辑时,可以直接控制选项卡。
No animation  没有动画
将过渡属性设置为false
Dropdowns? 下拉列表?
动态选项卡式界面不应包含下拉菜单,因为这会导致可用性和可访问性问题。从可用性的角度来看,当前显示的选项卡的触发器元素不是立即可见的(因为它在关闭的下拉菜单中)可能会导致混淆。从可访问性的角度来看,目前还没有合理的方法将这种构造映射到标准的WAI-ARIA模式,这意味着辅助技术的用户不容易理解它
也就是说,it下拉列表在技术上确实有效(sans-focus-management),但我们不要求提供任何支持。
Custom Tab Layout 自定义选项卡布局
对于更复杂的布局,灵活的TabContainer、TabContent和TabPane组件以及任何样式的Nav都允许您使用所需的附加标记快速组合自己的选项卡组件
创建一组navitem,每个navitem都有一个与TabPane的eventKey对应的eventKey。将整个内容包装在一个TabContainer中,您就拥有了功能齐全的自定义tabs组件。查看下面的例子,使用网格系统和pills
API
    Tabs
    Tab
    TabContainer
    TabContent
    TabPane

最后于 26天前 被pencil编辑 ,原因:
最新回复 (0)
返回
发新帖