1.1.2 • Published 8 months ago
laboratoria-plus-ce-header v1.1.2
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>NOTE: Import font in your HTML
<head>
<link href='https://fonts.googleapis.com/css?family=Albert Sans' rel='stylesheet'>
</head>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-plus-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-plus-header>