Hamburger Button Set For Vue.js

Tasty Burgers is a set of animated hamburger toggle buttons for app navigation in your Vue.js app.

Install & Download:

# NPM
$ npm install vue-tasty-burgers --save

How to use it:

Import the Tasty Burgers component.

import { TastyBurgerButton } from 'vue-tasty-burgers'

Create a basic hamburger button.

<template>
  <tasty-burger-button />
</template>

export default {
  components: {
    'tasty-burger-button': TastyBurgerButton
  }
}

Availble button types:

3dx
3dy
3dxy
arrow
arrowalt
arrowturn
boring
collapse
elastic
emphatic
minus
slider
spin
spring
stand
squeeze
vortex

<tasty-burger-button type="3dx"

Config the hamburger button.

<tasty-burger-button
  :type="buttonType"
  :active="isActive"
  :size="size"
  :color="color"
  :active-color="activeColor"
  :reversed="false"
  :rounded="true"
  v-on:toggle="onToggle" />

Download Details:

Author: imfaber

Live Demo: https://imfaber.github.io/vue-tasty-burgers/dist/#/available-burgers

Download Link: https://github.com/imfaber/vue-tasty-burgers/archive/master.zip

Official Website: https://github.com/imfaber/vue-tasty-burgers

#vuejs #javascript #vue-js