3shape-global-nav

How to use

Install packages

npm i 3shape-global-nav @webcomponents/webcomponentsjs

Add polyfill import

import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';
// or dynamical
import '@webcomponents/webcomponentsjs/webcomponents-loader.js';

Add component import

import '3shape-global-nav';

Use tag

<g-navigation
    env="{env}"
    username="{userName}"
    token="{token}"
    logouturl="{logoutUrl}"
></g-navigation>

Props

| Prop | Type | Default | Description | | --- | --- | --- | --- | | {env} | String | null | current environment. available options: 'test', 'staging', 'production' | | {userName} | String | null | shows user name in account menu | | {token} | String | null | the same as {userName}. component decodes token for you and gets userName from it. if you specify {userName} - {token} will not work | | {logoutUrl} | String | null | link to logout page |

How to develop

npm i

npm run watch

npm run serve

Go to http://localhost:8000