valle-button
Awesome valle-button - web component using Polymer 3
How to install and use:
1 - Install the element using Yarn:
$ yarn add @valle/valle-button
2 - Import the element:
<script type="module" src="node_modules/@valle/valle-button/valle-button.js"></script>
or in your javascript file
import "@valle/valle-button/valle-button.js";
3 - Start using it!
<valle-button></valle-button>
Properties
Property | Type | Default | Description |
---|---|---|---|
disabled |
Boolean | false |
Allow disabled state |
toogle |
Boolean | false |
Allow toggle mode |
pressed |
Boolean | false |
Set the pressed state (toggled) |
Styling
The following custom properties and mixins are available for styling:
Custom property | Default | Description |
---|---|---|
--primary-color | #2196F3 | Background color |
--primary-text-color | #fff | Text color |
--background-color-pressed | #AB82FF | Background color pressed |
--text-color-pressed | #fff | Text color pressed |
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.