| title | page_title | description | slug | canonicalLink | position |
|---|---|---|---|---|---|
Overview |
PanelBar Overview - Components - Kendo UI for Vue |
Get an overview of the features the Kendo UI PanelBar wrapper for Vue delivers and use the component in Vue projects. |
overview_panelbar_wrapper |
1 |
The PanelBar displays hierarchical data in a multi-level, expandable format.
The PanelBar wrapper for Vue is a client-side wrapper for the Kendo UI PanelBar widget.
The following example demonstrates the PanelBar in action.
{% meta height:400 %} {% embed_file panelbar/basic/main.vue preview %} {% embed_file panelbar/basic/main.js %} {% endmeta %}
- [Setting the DataSource]({% slug data_source_settings_panelbar_wrapper %})
- [Data binding]({% slug databinding_panelbar_wrapper %})
- [Animation effects]({% slug animation_effects_panelbar_wrapper %})
- [Icons]({% slug icons_panelbar_wrapper %})
- [Templates]({% slug templates_panelbar_wrapper %})
- [Loading content with AJAX]({% slug loading_content_ajax_panelbar_wrapper %})
- [Keyboard navigation]({% slug keyboard_navigation_panelbar_wrapper %})
- [RTL support]({% slug rtl_support_panelbar_wrapper %})
The following example demonstrates basic PanelBar events. You can subscribe to all PanelBar events by the handler name.
{% meta height:400 %} {% embed_file panelbar/events/main.vue preview %} {% embed_file panelbar/events/main.js %} {% endmeta %}