1.0.0 • Published 6 years ago
@valle/valle-tabs v1.0.0
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-tabs2 - 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-cli3 - Install local dependencies:
$ yarn4 - Start the development server:
$ yarn startVersioning
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.
License
1.0.0
6 years ago





