Vue PanelBar,也被称为Angular Accordion,在可折叠的窗格或面板中显示分层或多层次的内容。PanelBar提供了许多配置选项来帮助定制,并集成了Vue路由以方便进一步的导航。它通常用作布局工具,但也用于侧导航。
将您的PanelBar绑定到远程或本地数据源,以自动填充内容。您还可以单独构建每个面板。
使用受控模式配置加载时每个项的展开/折叠状态,以及它们如何根据应用程序状态进行更改。在非受控模式下,所有交互都由用户发起。
Vue PanelBar包含两种展开行为:单次展开和多次展开。单一展开允许用户一次只展开一个项目。多重展开允许用户同时展开组件中的任何和所有项。
Vue面板栏包括内置动画,使扩展/折叠的用户体验。
由于Vue PanelBar非常适合导航,因此与Vue路由器的集成是至关重要的。默认情况下,组件中的每个项目都有配置选项,以促进项目与Vue路由器的顺利集成。
Vue PanelBar支持使用键盘进行组件的导航和交互。这是我们对用户体验和可访问性持续承诺的一部分。
所有组件包括在剑道UI为Vue提供完整的WAI-ARIA支持,符合Section 508的要求,并在WCAG 2.0中被评为AAA级。