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: 8 days 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2019-05-31T20:20:24.000Z (over 5 years ago)
• Last Synced: 2024-05-18T07:47:35.596Z (7 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

![](https://media.giphy.com/media/MbAfi9eu2MXmD4iRPK/giphy.gif)

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

```