getbasis-menu

3.0.0 • Public • Published

getbasis-menu

This is a css module for The Basis.

Basis

Get Started

Install

$ npm install getbasis
$ npm install getbasis-menu

Stylus

@import 'node_modules/getbasis/src/stylus/basis';
@import 'node_modules/getbasis-menu/src/stylus/object/component/menu';

JavaScript

import $ from 'jquery';
import BasisMenu from 'node_modules/getbasis-menu/src/js/menu.js';
new BasisMenu();

HTML

<ul class="_c-menu _c-menu--bar _c-menu--auto" data-c="menu">
  <li class="_c-menu__item"><a href="#">menu 1</a></li>
  <li class="_c-menu__item"><a href="#">menu 2</a></li>
  <li class="_c-menu__item" aria-haspopup="true">
    <a href="#">menu 3</a>
    <ul class="_c-menu__submenu" data-c="menu__submenu" aria-hidden="true">
      <li class="_c-menu__subitem"><a href="#">menu 3</a></li>
      <li class="_c-menu__subitem" aria-haspopup="true">
        <a href="#">menu 4</a>
        <ul class="_c-menu__submenu" data-c="menu__submenu" aria-hidden="true">
          <li class="_c-menu__subitem"><a href="#">menu 5</a></li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

Browser support

Modern Browser and IE10+

License

MIT License

Readme

Keywords

none

Package Sidebar

Install

npm i getbasis-menu

Weekly Downloads

1

Version

3.0.0

License

MIT

Last publish

Collaborators

  • inc2734