Gruppe Adler Navbar WebComponent

Gruppe Adler navbar WebComponent.

NPM

This component can be found on npm.

Usage

Register component

import { GradNavbar } from '@gruppe-adler/navbar-component';

customElements.define('grad-navbar', GradNavbar);

Attributes

• sublinks-hidden: If present the sub link bar will be hidden
• active-path: Path to show as active
• nav-style: Will be copied into style attribute of root nav element of component

Events

The navbar emits a gradpathchanged event, which includes two properties:

• gradPath: A string containing the active path
• gradDisplayName: A string containing the displayName of the link

Contributing

Project is a simple Typescript, Webpack setup.

NPM scrips

• npm run serve: Start development server on port 3000
• npm run lint: Run eslint
• npm run build: Build for production