README
valle-tabs
Awesome valle-tabs - Web Component using Polymer 3
How to install and use:
1 - Install the element using Yarn:
$ yarn add @valle/valle-tabs
2 - Import the element:
<script type="module" src="node_modules/@valle/valle-tabs/valle-tabs.js"></script>
or in your javascript file
import "@valle/valle-tabs/valle-tabs.js";
3 - Start using it!
<valle-tabs>
<valle-tab title="tab 1">Example 1</valle-tab>
<valle-tab title="tab 2">Example 2</valle-tab>
<valle-tab title="tab 3">Example 3</valle-tab>
</valle-tabs>
<valle-tabs>
Styling
The following custom properties and mixins are available for styling:
| Custom property | Default | Description |
|---|---|---|
| --color-link | #757575 | Text color default |
| --color-link-active | #6200ee | Text color when link is active |
| --background-link | #fff | Background color link |
| --background-color-link-active | #fff | Active background color link |
<valle-tab>
Properties
| Property | Type | Default | Description |
|---|---|---|---|
title |
String | '' | Tab title |
Browser Support
Using the webcomponents.js:
 |
 |
 |
 |
 |
 |
|---|---|---|---|---|---|
| Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ | Latest ✔ |
Development
1 - Verify if you have node and yarn installed.
2 - Install Polymer-CLI:
$ [sudo] yarn global add polymer-cli
3 - Install local dependencies:
$ yarn
4 - Start the development server:
$ yarn start
Versioning
To keep better organization of releases we follow the Semantic Versioning 2.0.0 guidelines.
Contributing
Find on our issues the next steps of the project ;)
Want to contribute? Follow these recommendations.
History
See Releases for detailed changelog.