Sidebar-menu-compostrap NPM

Sidebar menu

Simple and fast multi-level sidebar menu.

Installation

npm install --save sidebar-menu-compostrap

Version 1x built on Bootstrap 4
Version 2x built on Bootstrap 5

Built on

Demo

Introduction

Simple and fast multi-level sidebar menu on Bootstrap. So you should be aware of how Bootstrap itself is used. The advantage is also knowledge of sass, npm, grunt.

The sidebar menu is built on the sidebar skeleton. I recommend you look at it.

Important classes in the menu

See the menu in the template.

Description	Class
Marks the active item	`link-current`
Icon animation	`bell`
Marks the drop-down menu icon	`link-arrow`
Marks the hidden drop-down menu	`list-hidden`

Sidebar colors

Colors are the same as bootstrap. Add more colors in colors.scss

Sidebar	List	List icons	Scrollbar
`sidebar-bg-white`	`list-bg-white`	-	`scrollbar-bg-white`
`sidebar-bg-light`	`list-bg-light`	-	`scrollbar-bg-light`
`sidebar-bg-dark`	`list-bg-dark`	-	`scrollbar-bg-dark`
`sidebar-bg-blue`	`list-bg-blue`	`list-icon-blue`	`scrollbar-bg-blue`
`sidebar-bg-purple`	`list-bg-purple`	`list-icon-purple`	`scrollbar-bg-purple`
`sidebar-bg-pink`	`list-bg-pink`	`list-icon-pink`	`scrollbar-bg-pink`
`sidebar-bg-red`	`list-bg-red`	`list-icon-red`	`scrollbar-bg-red`
`sidebar-bg-orange`	`list-bg-orange`	`list-icon-orange`	`scrollbar-bg-orange`
`sidebar-bg-green`	`list-bg-green`	`list-icon-green`	`scrollbar-bg-green`