1.0.0 • Published 4 years ago

@valle/valle-tabs v1.0.0

Weekly downloads
-
License
MIT
Repository
github
Last release
4 years ago

valle-tabs

Awesome valle-tabs - Web Component using Polymer 3

npm Published on webcomponents.org

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 propertyDefaultDescription
--color-link#757575Text color default
--color-link-active#6200eeText color when link is active
--background-link#fffBackground color link
--background-color-link-active#fffActive background color link

<valle-tab>

Properties

PropertyTypeDefaultDescription
titleString''Tab title

Browser Support

Using the webcomponents.js:

ChromeOperaFirefoxSafariIEEdge
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.

License

MIT License © valleweb