Laboratoria's header implemented as a Custom Web Component

To use it, simply import the package to your HTML via <script> tag from unpkg.com

<script src="https://unpkg.com/laboratoria-ce-header"></script>

It will register a new component, you can use it with

<laboratoria-header></laboratoria-header>

This component expect 4 things:

• A set of anchor tags for links
• A property buttonname for the button buttonname
• A property link to set the button link
• Three properties to set langs: esLink, ptLink, enLink

If no lang properties are included, the lang selector will not be rendered.

The current lang will depend on the window.location url.

Any link can be absolute or relative.

You can see an example use here:

<laboratoria-header
  name="My Button"
  link="#linkToSomewhere"
  esLink="/es"
  ptLink="/pt"
  enLink="/en"
  >
  <a href="#1">Link 1</a>
  <a href="#2">Link 2</a>
  <a href="#3">Link 3</a>
</laboratoria-header>