valle-card - Vaadin Add-on Directory
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](http://yarn.io/):
```sh
$ yarn add @valle/valle-card
```
2 - Import the element:
```html
```
or in your javascript file
```js
import "valle-card/valle-card.js";
```
3 - Start using it!
```html
```
## 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](https://github.com/WebComponents/webcomponentsjs):
 |  |  |  | |  |
:---: | :---: | :---: | :---: | :---: | :---: |
Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ | 11+ | Latest ✔
## Development
1 - Verify if you have [node](http://nodejs.org/) and [yarn](http://yarn.io/) installed.
2 - Install [Polymer-CLI](https://www.polymer-project.org/1.0/docs/tools/polymer-cli):
```sh
$ [sudo] yarn global add polymer-cli
```
3 - Install local dependencies:
```sh
$ yarn install
```
4 - Start the development server:
```sh
$ polymer serve
```
Go to [localhost:8080/components/valle-card/](http://localhost:8080/components/valle-card/)
## Versioning
To keep better organization of releases we follow the [Semantic Versioning 2.0.0](http://semver.org/) guidelines.
## Contributing
Find on our [issues](https://github.com/valleweb/valle-card/issues/) the next steps of the project ;)
Want to contribute? [Follow these recommendations](https://github.com/valleweb/valle-card/blob/master/CONTRIBUTING.md). ## History See [Releases](https://github.com/valleweb/valle-card/releases) for detailed changelog. ## License [MIT License](https://github.com/valleweb/valle-card/blob/master/LICENSE.md) © [valleweb](https://github.com/orgs/valleweb/people)
View on NPMWant to contribute? [Follow these recommendations](https://github.com/valleweb/valle-card/blob/master/CONTRIBUTING.md). ## History See [Releases](https://github.com/valleweb/valle-card/releases) for detailed changelog. ## License [MIT License](https://github.com/valleweb/valle-card/blob/master/LICENSE.md) © [valleweb](https://github.com/orgs/valleweb/people)
View on GitHub
License
valle-card version 0.1.0
### Dependencies
* @polymer/polymer#^3.0.0
valle-card version 0.1.2
### Dependencies
* @polymer/polymer#^3.0.0
valle-card version 1.0.0
### Dependencies
* polymer#Polymer/polymer#^2.0.0