#### 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.