sidebar-menu-compostrap

Simple and fast multi-level sidebar menu on Bootstrap

Usage no npm install needed!

<script type="module">
  import sidebarMenuCompostrap from 'https://cdn.skypack.dev/sidebar-menu-compostrap';
</script>

README

logo

Compostrap

Simple and fast components build on Bootstrap

Sidebar menu

Simple and fast multi-level sidebar menu.

License: MIT npm version Build Status CodeFactor

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

Color Sidebar List List icons Scrollbar
#ffffff sidebar-bg-white list-bg-white - scrollbar-bg-white
#f8f9fa sidebar-bg-light list-bg-light - scrollbar-bg-light
#212529 sidebar-bg-dark list-bg-dark - scrollbar-bg-dark
#007bff sidebar-bg-blue list-bg-blue list-icon-blue scrollbar-bg-blue
#6f42c1 sidebar-bg-purple list-bg-purple list-icon-purple scrollbar-bg-purple
#e83e8c sidebar-bg-pink list-bg-pink list-icon-pink scrollbar-bg-pink
#dc3545 sidebar-bg-red list-bg-red list-icon-red scrollbar-bg-red
#fd7e14 sidebar-bg-orange list-bg-orange list-icon-orange scrollbar-bg-orange
#28a745 sidebar-bg-green list-bg-green list-icon-green scrollbar-bg-green