https://github.com/onewaytech/vue-sidebar-component
Sidebar for Vue 1.x
https://github.com/onewaytech/vue-sidebar-component
routes sidebar vue
Last synced: 9 months ago
JSON representation
Sidebar for Vue 1.x
- Host: GitHub
- URL: https://github.com/onewaytech/vue-sidebar-component
- Owner: OneWayTech
- Created: 2017-02-28T09:51:34.000Z (almost 9 years ago)
- Default Branch: master
- Last Pushed: 2017-04-10T03:10:24.000Z (almost 9 years ago)
- Last Synced: 2025-04-10T02:05:58.439Z (9 months ago)
- Topics: routes, sidebar, vue
- Language: Vue
- Size: 5.86 KB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Sidebar Component
[![npm version][npm-v-img]][npm-url]
[![npm download][npm-dl-img]][npm-url]
> Intellectual property of [Oneway.mobi](http://www.oneway.mobi/)
#### Notice
This component is not meant to meet all the business requirements
so diving into `src/` to make it fits your needs is highly recommended
#### Example
See [here](https://onewaytech.github.io/vue-sidebar-component/example.html), source in [`example.html`](./example.html)
> Suggest inspecting it with [devtools](https://github.com/vuejs/vue-devtools)
#### Requirement
* Vue 1.x
* Vue Router 0.7.x
* jQuery + BootStrap 3.x + Font Awesome 4.x (available globally)
#### Installation
`npm i vue-sidebar-component -S`
> alternatively: ``
> which exposes **`VueSidebar`** as a global variable
#### Usage
```
props: {
mainTitle: String,
subTitle: String,
routes: { type: Object, required: true }
}
```
`routes` configuration example (more in [`example.html`](./example.html)):
```
'/': {
title: 'Home',
icon: 'fa fa-home',
showInSidebar: true,
component: {
template: '
Home'
}
}
```
#### Build
`npm run build`
#### LICENSE
MIT
[npm-url]: https://www.npmjs.com/package/vue-sidebar-component
[npm-v-img]: http://img.shields.io/npm/v/vue-sidebar-component.svg
[npm-dl-img]: http://img.shields.io/npm/dm/vue-sidebar-component.svg