3shape-global-nav-demo

How to use

Install package

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

Add polyfill import

import '@webcomponents/webcomponentsjs/webcomponents-bundle.js';

Add component import

import '3shape-global-nav-demo';

Use tag

<g-navigation
    userName="{userName}"
    token="{token}"
    editProfileUrl="{editProfileUrl}"
    logoutUrl="{logoutUrl}"
></g-navigation>

Props

Prop	Type	Default	Description
{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
{editProfileUrl}	String	null	link to user profile page
{logoutUrl}	String	null	link to logout page

npm i

npm run watch

npm run serve