vue-laravel-sidebar

 

Very simple to use Vue single-file-component that creates a darker sidebar based on the navigation data given to it.

Requirements

Laravel

Installing

npm install vue-laravel-sidebar

Register the component in your Vue setup.

Usage

Example:

``js
import VueLaravelSidebar from './VueLaravelSidebar';
const app = new Vue({
el: '#app',
components: {
VueLaravelSidebar
}
});
`


`html

`

Although I would consider using a View Composer to generate the navigation data.

Parameters:

- Array :nav-data` Required
- Pretty self explanatory. Pass the navigation data array here. See example above.

Other stuff

The component is styled using BS4 classes and fontawesome classes. Remember to install or use BS4 and fontawesome so the component actually looks nice.