Functional Component on Sidebar

Question

Hi, I have seen the example on the component Sidebar but most of the example are based on class.

I would like to perform open/close of the Sidebar using Function Component based on this example:

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

How do i go about doing this in typescript functional component?

Thanks

Sowmiya Padmanaban · Accepted Answer

Hi ONG YU FENG,  
 
Greetings from Syncfusion support. 
 
We have checked your requirement with Sidebar component. For your reference we have prepared a sample for sidebar component using functional component of react. 
 
Please, refer the below sample link. 
 
https://stackblitz.com/edit/react-ts-xqqjsu?file=index.tsx 
 
Please, refer the below documentation for your reference. 
 
https://reactjs.org/docs/components-and-props.html 
 
Please, refer to the below link for Sidebar component. 
 
UG Documentation- https://ej2.syncfusion.com/react/documentation/sidebar/getting-started/ 
 
Demo link - https://ej2.syncfusion.com/react/demos/#/material/sidebar/default 
 
API reference-  https://ej2.syncfusion.com/react/documentation/api/sidebar/ 
 
Please let us know, if you need any further assistance. 
 
Regards,  
Sowmiya.P