Help in creating Sidebar with Menu component and drop down

[ONG YU FENG]

Hi all

I am new to the Syncfusion product and i am trying create a sidebar menu with clickable options and suboptions if any. The closest component i found is TreeView but seems that i am unable to change the position of the arrow. 

Could anyone suggest what are the components to use to replicate something like the one below:

Thanks

[Indhumathy Loganathan]

Hi Ong yu feng, 

 

Greetings from Syncfusion support. 

 

We have validated your reported query in Sidebar component. We already have a Sidebar sample with TreeView in React platform similar to your requirement. 

 

You can find the sample from the below link. 

 

https://ej2.syncfusion.com/react/demos/#/material/sidebar/responsive-panel 

 

In that sample, we have customized the TreeView default icon from left to right by including the below CSS style. 

 

#header-section .float-right, 

#sidebar-treeview .e-treeview .e-icon-collapsible, 

#sidebar-treeview .e-treeview .e-icon-expandable  

{ 

    float: right; 

} 

 

Please check the sample and revert to us. If we misunderstood your requirement please share us more details regarding your requirement. Whether you want to include Menu inside Sidebar or TreeView inside Sidebar. 

 

Checkout the below links to know more about Sidebar component. 

 

Demos: https://ej2.syncfusion.com/react/demos/#/material/sidebar/default 

 

Documentation: https://ej2.syncfusion.com/react/documentation/sidebar/getting-started/ 

 

API Reference: https://ej2.syncfusion.com/react/documentation/api/sidebar/#sidebarcomponent 

 

Please, let us know if you need any further assistance. 

 

Regards, 

Indhumathy L