Accordion vs Treeview

Hello,

i want to create a hierachical menue in a blazor wasm app. There are several main menue items and each item has several 'sub items'. The function of the 'main item' on click is to show the 'sub items'. The function of the sub item on click is to show the related content in the 'content part' and the possible functions in the toolbar. The set of main item - sub item - toolbar items is dynamic and built based on the user login (and the assigned roles). So the base component is a sidebar (i think) and inside the sidebar i use an accordion or a treeview. What are the pros. and cons. of each component? Do you have a better solution?

Thanks for any suggestion.

Patric



1 Reply 1 reply marked as answer

LD LeoLavanya Dhanaraj Syncfusion Team September 6, 2022 01:53 PM UTC

Hi Patric,


Greetings from Syncfusion support and thanks for choosing our Syncfusion components.


The Blazor TreeView is a graphical user interface component that allows you to represent hierarchical data in a tree-like structure. This component has advanced features like load on demand, multiple selection, tree navigation, drag and drop, tree node editing, and check box and Template support. To know more about Blazor TreeView component, check the below mentioned links.


Documentation : https://blazor.syncfusion.com/documentation/treeview/getting-started


Demo (Sidebar with TreeView): https://blazor.syncfusion.com/demos/sidebar/panel-with-responsive?theme=fluent


API reference : https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Navigations.SfTreeView-1.html


Also, the Blazor Accordion is a container-based component with vertically collapsible panels (vertical accordion) and stacked headers that expand or collapse one or more items at a time within the available space. To know more about our Blazor accordion component please refer below links.


Feature Tourhttps://www.syncfusion.com/blazor-components/blazor-accordion


UGhttps://blazor.syncfusion.com/documentation/accordion/getting-started


Demoshttps://blazor.syncfusion.com/demos/accordion/default-functionalities?theme=fluent


Please check the shared details and get back to us if you need any further assistance.


Regards,

Leo Lavanya Dhanaraj


Marked as answer
Loader.
Up arrow icon