Help in creating Sidebar with Menu component and drop down

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

1 Reply 1 reply marked as answer

IL Indhumathy Loganathan Syncfusion Team March 1, 2021 11:08 AM UTC

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. 
 
 
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. 
 
 
 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Indhumathy L 


Marked as answer
Loader.
Up arrow icon