Angular-Hamburger-Toggle | A Material Design menu toggle for Angular JS.

angular-hamburger-toggle

angular-hamburger-toggle

Stars : 10

Forks : 10

Created by İsmail Demirbilek

bower install angular-hamburger-toggle

Demo Download GitHub

Angular Hamburger Toggle

Angular directive of Material Design morphing hamburger menu toggle. It's based off of Material Design Hamburger.

toggle-gif

Features

  • Two way bound state model.
  • Tuned for Bootstrap.
  • Super easy.

Demo

Install

 $ bower install angular-hamburger-toggle --save

Usage

  • Add dependency
  angular.module('myApp', ['ngHamburger']);
  • Use directive
  <hamburger-toggle state="stateModel"></hamburger-toggle>

state attribute is for two way bound model that will be toggled. Initially can be true, false or undefined.

Credits

Material Design Hamburger

Author

İsmail Demirbilek - @dbtek

Javscript

Javascript plugin

Angular-js