Hamburger Button Set For Vue.js – Tasty Burgers

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:

Hamburger Button Set For Vue.js - Tasty Burgers

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

Install & Download:

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

You Might Be Interested In:

Add Comment