Next Sidebar

Minimalistic but perfect Sidebar Menu for your Admin Application (Built with bootstrap)

downoad License npm

## Demo [Check the demo here](https://next-sidebar.netlify.app/html/blank.html) ## Install You can manually download Next-sidebar [css here](https://cdn.jsdelivr.net/npm/next-sidebar@1/assets/css/next-sidebar.css) and [js here](https://cdn.jsdelivr.net/npm/next-sidebar@1/assets/js/next-sidebar.js) #### CDN jsDelivr

When you only need to include Next-sidebar compiled CSS or JS, you can use [jsDelivr](https://www.jsdelivr.com/).

```html ``` ```html ``` #### Download via npm You can install and use next-sidebar with npm. It's registered as [next-sidebar](https://www.npmjs.com/package/next-sidebar). ```js $ npm install next-sidebar ``` #### From sources If you want to use the development version of the plugin, build from source manually. ```js $ git clone https://github.com/Nelh/Next-sidebar.git $ cd next-sidebar $ npm install $ npm run dev ``` ## Before using Next-sidebar the following requirement should meet. - Ensure you have bootstrap 4 or higher installed - Ensure you have jquery 3x installed - Ensure you have an icons library installed for this example we use font awesome 5 ## How to use ```html
```

if you want to have the sidebar minify by default remove the class `.is-collapsed` from the body tag

```html
```

For dropdown and sub dropdown, you can use it as this

```html
    • ```

    Add the button that will trigger the collapsing of the navigation menu in the page content

    ```html ``` ## Requirement

    Those are few dependencies you might need to run this library

    | Library | version | Description | | --------- | ------ | ----------- | | Bootstrap 4, 5+ (required) | 4x,5x | Use as an extension of the bootstrap library | | Jquery (required) | 3x | Only use to trigger click event, can be alter and remove at your conveniance | | Font awesome (optional) | 5x | can be replace with any others icons library | | Perfect Scrollbar (optional) | 1x | - | __ ## Browser Support ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) | | --- | --- | --- | --- | --- | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | ___ ## Donating If you want to support the development of this extension, you can buy me a coffee [![paypal](https://www.paypalobjects.com/en_AU/i/btn/btn_donateCC_LG.gif)](https://paypal.me/lembongui) Thank you! ___ ## Contributing If you have any idea, feel free to open an issue to discuss a new feature or fork and submit your changes back to me.