valle-card
Awesome valle card - Web Component using Polymer 2x
valle-card
Awesome valle card element - Web Component using Polymer 3x
How to install and use:
1 - Install the element using Yarn:
$ yarn add @valle/valle-card
2 - Import the element:
<script type="module" src="node_modules/valle-card/valle-card.js"></script>
or in your javascript file
import "valle-card/valle-card.js";
3 - Start using it!
<valle-card></valle-card>
Styling
The following custom properties and mixins are available for styling:
| Custom property | Default | Description |
|---|---|---|
| --valle-card-bg-color | #fff |
Valle card background color |
| --valle-card-width | 400px |
Valle card max-width |
| --valle-card-padding | 16px |
Valle card padding |
| --valle-card-margin | 16px |
Valle card margin (used to calculate the valle card width) |
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 install
4 - Start the development server:
$ polymer serve
Go to localhost:8080/components/valle-card/
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
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
- polymer#Polymer/polymer#^2.0.0
- Released
- 2018-10-29
- Maturity
- IMPORTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Polymer 3.0+ in 0.1.2
- Browser
- Browser Independent