The plugin is heavy modification of bootsrap default collapse plugin to support styling vertical menu. The menu don't set width of the component, so it stick with width of the parent where this component placed. It has two theme which is .vertical-menu-light for light theme and .vertical-menu-dark for dark theme.
By default, there's no indentation for submenu so it support unlimited submenu. The different between each level of submenu is the background color.
Things to know before using the component
- There's no fallback if the icon not exists. Add an empty
<i>to the item without icon to make them look parallel in along with item with icon. - The arrow icon use FontAwesone 4.7.0. Please update css properly if you use different version or different icon set.
- The container should use
.vertical-menuclass followed by the theme class which is.vertical-menu-lightor.vertical-menu-dark. - Add class
.vertical-menu-parentto the<li>element if there's submenu for it. - Add class
.activeto the<li>to set menu as active, and add class.showto show exists submenu.