dt-hamburger-menu

Minimal AngularJS hamburger menu for your mobile website

Usage no npm install needed!

<script type="module">
  import dtHamburgerMenu from 'https://cdn.skypack.dev/dt-hamburger-menu';
</script>

README

AngularJS Hamburger Menu

Minimal AngularJS hamburger menu for your mobile website

screen shot 2016-11-04 at 5 20 09 ch screen shot 2016-11-04 at 5 20 17 ch

Demo

Usage

Bower:

bower install dt-hamburger-menu

or

NPM

npm install dt-hamburger-menu

Imports

<link rel="stylesheet" type="text/css" href="/path/to/dt-hamburger-menu/src/hamburger-menu.css"/>
<script src="/path/to/angularjs/angular.min.js"></script>
<script src="/path/to/dt-hamburger-menu/src/hamburger-menu/hamburger-menu.min.js"></script>

or

var hamburgerMenu = require('dt-hamburger-menu');

Load hamburger menu on startup

angular
  .module('app', ['dt-hamburger-menu']);

Embed menu to your website

<dt-hamburger-menu>
  <ul class="menu-list">
    <li class="menu-item" ng-click="vm.export()">Export</li>
    <li class="menu-item" ng-click="vm.import()">Import</li>
  </ul>
<dt-hamburger-menu>

Remember to define export() and import() function somewhere in your controller or directive