/menu

Quick and easy to configure menu.

Primary LanguageJavaScriptMIT LicenseMIT

@tohmn/menu

npm version

Installation

$ npm install @tohmn/menu

Usage

Data Attribute Settings

Example:

<a href="#menu-content" data-menu-toggle>MENU</a>
<div id="menu-content" data-menu-content data-menu='{"enterFrom": right, "height": 100vw, "width": 80vh'>
  Contents of the menu.
</div>

JavaScript Settings

Example:

import '@tohmn/menu';

menuGenerator({
  enterFrom: 'right',
});

Settings

Option Type Default Description
enterFrom string top Specify from where the menu-content should enter the screen

License and Copyright

This software is released under the terms of the MIT license.