Hamburger Button Set For Vue.js – Tasty Burgers

Install & Download:

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

Description:

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

How to use it:

1. Import the Tasty Burgers component.

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

2. Create a basic hamburger button.

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

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

3. 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"

4. 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" />

Preview: