The sidebar control is an expandable and collapsible container area which holds the primary and secondary information, placed alongside the main content of a webpage.
The different types of the sidebar control give flexibility to view or hide the content (primary/secondary) over/above the main content by pushing, sliding, or overlaying it.
The sidebar control can be positioned to the left or right side of the main content area. This option allows placement of two sidebar’s in a page, both at the left and right to show primary and secondary content simultaneously.
Docking lets the Sidebar occupy a small vertical area in a page always and typically contains shortened view of navigation options.
Auto closing the sidebar control’s content allows the main content area to be more readable based on screen resolution.
The sidebar control’s responsive mode gives an adaptive redesigned UI appearance for mobile devices.
! control inside a mobile frame with open and close actions being performed](https://ej2.syncfusion.com/demos/#/material/sidebar/dock.html)
Allows control over all the UI elements and behaviors of the components, to provide the best experience to your end users with a rich set of developer-friendly APIs.