https://github.com/regenrek/vue-sidebar-menu-example
🍔 Animated Sidebar + Burger Menu Component example with Vue.Observable
https://github.com/regenrek/vue-sidebar-menu-example
Last synced: about 1 month ago
JSON representation
🍔 Animated Sidebar + Burger Menu Component example with Vue.Observable
- Host: GitHub
- URL: https://github.com/regenrek/vue-sidebar-menu-example
- Owner: regenrek
- Created: 2019-05-28T08:00:56.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2019-05-31T20:20:24.000Z (almost 6 years ago)
- Last Synced: 2025-02-08T12:46:25.432Z (3 months ago)
- Language: Vue
- Homepage: https://codesandbox.io/s/github/regenrek/vue-sidebar-menu-example
- Size: 13.7 KB
- Stars: 28
- Watchers: 2
- Forks: 11
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Vue Sidebar menu example
Sidebar + Burger Menu Component Example for Websites
## How-To
You can find the tutorial on my blog [here](https://regenrek.com/posts/how-to-create-an-animated-vue-sidebar-menu-with-vue-observable/)
## Live Demos
[Codesandbox Demo](https://codesandbox.io/embed/codesandbox-iv1zc)
[Codepen Demo](https://codepen.io/kkern/pen/zQLKQM)
## Features
- Burger Menu Component
- Sidebar Menu Component
- The communication between Burger and Sidebar is handled via [Vue.Observable](https://vuejs.org/v2/api/#Vue-observable)
## Install Project
```
git clone [email protected]:regenrek/vue-sidebar-menu-example.git
```
## Project setup
```
yarn install
```
### Compiles and hot-reloads for development
```
yarn run serve
```
### Compiles and minifies for production
```
yarn run build
```