Функционал реагирует на клик на кнопку меню “бургера” (элемент с классом icon-menu) .
Также компонент содержит базовые стили иконки меню и анимации открытия.
Использование
Для построения меню и подключения функционала компонента можно использовать снипет menu или построить структуру вручную или подключить готовый пример из папки компонента .
Код меню:
<div class="menu">
<button type="button" data-fls-menu class="menu__icon icon-menu"><span></span></button>
<nav class="menu__body">
<ul class="menu__list">
<li class="menu__item">
<a href="#" class="menu__link">Главная</a>
</li>
...
</ul>
</nav>
</div>Или подключение HTML-кода меню из компонента:
<include src="@components/layout/menu/menu.html"></include>Важно, чтобы у кнопки открытия меню был атрибут data-fls-menu
HTML и базовые стили находятся в папке компонента src/components/layout/menu/