Sidebar Option
To switch to a light sidebar, add
data-menu-color="light" to the
<html> tag in your layout.
To enable a gradient sidebar style, add
data-menu-color="gradient" to the
<html> tag in your layout.
To enable a gray sidebar style, add
data-menu-color="gray" to the
<html> tag.
To enable an image with a gradient sidebar style, add
data-menu-color="image" to the
<html> tag in your layout.
To enable the medium-sized (compact) sidebar, add
data-sidenav-size="compact" to the
<html> tag.
To enable the icon view menu with full menu on hover, add
data-sidenav-size="on-hover" to the
<html> tag in your layout.
To enable the full menu on hover after minimizing the sidebar, add
data-sidenav-size="sm-hover-active" to the
<html> tag in your layout.
To enable the offcanvas menu, add
data-sidenav-size="offcanvas" to the
<html> tag.
To remove icons and display sidebar items in line style, add the class
"sidebar-no-icons sidebar-with-line" to the
<html> tag.
To display the sidebar with vertical lines, add the class
"sidebar-with-line" to the
<html> tag.