The Kendo UI for Angular Panel Bar, also known as the Angular Accordion, showcases hierarchical or multi-level content in a component, whose individual items can be expanded or collapsed. The Angular Accordion component is perfect as a side-navigation element, provides many configuration options to help with customization, and integrates with Angular routing to facilitate further navigation.
The Kendo UI for Angular PanelBar comes with a wide variety of eye-catching and sleek animations for a dynamic and engaging user experience.
Every item within the Kendo UI for Angular PanelBar can be expanded and collapsed. The Angular Accordion comes with two different expand modes: single and multiple expansion. Single expansion allows users to expand just one item at a time. Multiple expansion allows users to expand any and all items within the Angular Accordion simultaneously.
When building out the items within the Kendo UI for Angular PanelBar, you can choose between binding each item to an underlying data source or create them manually through declarative programming.
Since the PanelBar is suited mainly for navigation, integration with Angular router is critical. By default, every item within the Angular Accordion has configuration options to facilitate a smooth integration of the items with Angular router.
The Kendo UI for Angular Accordion comes with built-in keyboard navigation to provide fast and intuitive interaction with the collapsible accordion items.
The Kendo UI for Angular PanelBar is compliant with Section 508 and WAI-ARIA standards, and is rated AAA with WCAG 2.0.