## 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-loa
npm install 3shape-global-nav
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
username="{userName}"
token="{token}"
logouturl="{logoutUrl}"
>
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