tjb-menu
Webcomponents Main Menu.
Creating accessible and feature rich menus is a tedious task. So here is a re-useable webcomponent menu to make your development fun again.
It is accessible and mobile friendly by default and features sub-menus.
Example
https://tjb-webcomponents.github.io/tjb-menu/
Add to project
You might want to use a Polyfill for WebComponent:
Include via HTML
Include it:
Include via JavaScript
import 'https://tjb-webcomponents.github.io/tjb-menu/tjb-menu.min.js'
Include via NPM
Console:
npm i -S tjb-menu
Then in your code:
import 'tjb-menu';
Useage
Simplified:
[YOUR LOGO] [YOUR LINK] [YOUR SUB-MENU TRIGGER] [YOUR SUB-MENU LINK]
tjb-menu
the parenttjb-menu-item-sub
a submenutjb-menu-item
an item in the menu
Full example:
My Company shop contact select language English German (Deutsch) login buy now
Suggested global styling