This sample demonstrates the Sidebar component with its features. Click the button to view the Sidebar sample in a new tab.
The Sidebar component is a collapsible side content placed along with the main content either in left or right side of the page.
Toggle - Toggles the Sidebar to be open or closed state.
Position - Allows to place the sidebar in right or left side of the page.
Types - Specifies the act of expanding or collapsing the sidebar with main content.
closing on document click - Allows to collapse / close the sidebar on document click.
Backdrop - Sets the backdrop over the main content area on open / expanded state.
In this sample allows to configure the