Vue Hamburger

Based on Hamburgers by jonsuh https://github.com/jonsuh/hamburgers

Usage

yarn add https://github.com/joebailey26/vue-hamburger

<Hamburger type="arrow" color="#ffffff" :expanded="expanded" />

import Hamburger from 'vue-hamburger/hamburger.vue'

export default {
  components: {
    Hamburger
  },
  data () {
    return {
      expanded: null
    }
  },
  methods: {
    closeMenu() {
      this.expanded = false
    }
  }
}

Types

Demo can be found here https://jonsuh.com/hamburgers/

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

Note: -r classes are reverse variants (e.g. spin spins clockwise whereas spin-r spins counterclockwis