Control Sidebar Component

Control sidebar is the right side bar. It can be used for many purposes and is extremely easy to create. The sidebar ships with two different show/hide styles. The first allows the sidebar to slide over the content. The second pushes the content to make space for the sidebar. Either of these methods can be set through the Javascript options.

The following code should be placed within the .wrapper div. I prefer to place it right after the footer.

Dark Sidebar Markup

Light Sidebar Markup

Once you create the sidebar, you will need a toggle button to open/close it. By adding the attribute data-toggle="control-sidebar" to any button, it will automatically act as the toggle button.

Sidebar Toggle Markup

Material Dashboard Pro

Material Dashboard Pro ─ $59

Angular 2 Premium Material Bootstrap Admin with a fresh, new design inspired by Google's Material Design

Preview Buy Now

853+ purchases