hamburger-button v2.0.0

Простая кнопка-гамбургер для меню

Не включает в себя меню. Только кнопка.

Установка

npm install hamburger-button

Использование

Вставьте код кнопки в нужное место на вашей странице

<div class="hamburger" role="button"><span><span>≡</span></span></div>

Инициализация

import HamburgerButton from 'hamburger-button';

let hamburger = new HamburgerButton({
  mainClass       : 'hamburger',              // по умолчанию
  stateActiveClass: 'hamburger_state_active', // по умолчанию
  onOpen() { console.log('Открыто'); },
  onClose(){ console.log('Закрыто'); },
});

hamburger.toggle(); // Переключить состояние
hamburger.open();   // Открыть меню
hamburger.close();  // Закрыть меню

Если не используется модульный сборщик, скрипт можно подключить напрямую в страницу

<srcipt src="node_modules/hamburger-button/dist/hamburger.js"></script>

Подключите scss-миксин в ваш файл стилей и вызовите его:

import './node_modules/hamburger-button/hamburger.scss';

@include makeHamburgerButton((
    main-class: '.hamburger',
    width     : 3rem,
    height    : 3rem,
));

Javascript options

Javascript API

SCSS options