Install
Staging
<script type="module" src="https://3d-portal-navbar-latest.dev.substance3d.io/3d-portal-nav.min.js"></script>or
import { PortalNavbar } from 'https://3d-portal-navbar-latest.dev.substance3d.io/3d-portal-nav.min.js';Production
<script type="module" src="https://3d-portal-navbar.prod.substance3d.io/3d-portal-nav.min.js"></script>or
import { PortalNavbar } from 'https://3d-portal-navbar.prod.substance3d.io/3d-portal-nav.min.js';How to use
As easy as HTML
<portal-navbar> is just an HTML element. You can use it anywhere you can use HTML!
<portal-navbar></portal-navbar>Attributes
hideActions
Show or hide the right actions. Note: Should only be used on Substance Source when the user is authenticated.
<portal-navbar hideActions></portal-navbar>primaryActions
Show the right actions as Primary (Spectrum variant) action button. Should be use if the second level header already have a CTA button.
<portal-navbar primaryActions></portal-navbar>activeTab
Which tab should be marked as active (underlined). Could be one of the following :
- home
- tools
- source
- magazine
- event
- share
- learning
- forum
- licences
<portal-navbar activeTab="source"></portal-navbar>locale
Change the locale of the navbar. By default, the navbar will use the browser locale, but if the website want to change the language, here's how.
<portal-navbar locale="fr"></portal-navbar>