element-card
Element Card
<element-card>
Demo
<element-card id="second"
title="Javascript"
description="Advocate. ES6, ES7, functional programming"
imgcover="https://banner2.kisspng.com/20180429/www/kisspng-javascript-logo-html-comment-blog-5ae63c22d40699.0773573515250381148685.jpg"
coverBgColor="rgba(255, 255, 0, 0.3)"
textcolor="#000">
DEMO TEXT INTO ELEMENT-CARD
</element-card>
CSS Variables
--imgcover-max-width --imgcover-opacity
Install the Polymer-CLI
First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install
to install your element's dependencies, then run polymer serve
to serve your element locally.
Viewing Your Element
$ polymer serve
Running Tests
$ polymer test
Build
$ npm run build
Your application is already set up to be tested via web-component-tester. Run polymer test
to run your application's test suite locally.
Author
- Mánu Fosela - Javascript Composer - manufosela
License
This project is licensed under the Apache 2.0 License - see the LICENSE file for details
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
- @manufosela/circle-percent#^2.1.2
- @manufosela/nav-list#^2.4.1
- lit-element#^2.1.0
- Released
- 2019-04-20
- Maturity
- IMPORTED
- License
- MIT License
Compatibility
- Framework
- Polymer 3.0+ in 1.1.2
- Browser
- Browser Independent
element-card - Vaadin Add-on Directory
Element CardView on GitHub
element-card version 1.0.0
### Dependencies
* @manufosela/circle-percent#^2.0.2
* @manufosela/nav-list#^2.1.22
* @polymer/lit-element#^0.6.1
* @polymer/polymer#^3.0.0
element-card version 1.1.0
### Dependencies
* @polymer/lit-element#^0.6.1
* @polymer/polymer#^3.0.0
element-card version 1.1.1
### Dependencies
* @polymer/lit-element#^0.6.1
* @polymer/polymer#^3.0.0
element-card version 1.1.2
### Dependencies
* @polymer/lit-element#^0.6.1
* @polymer/polymer#^3.0.0
element-card version 2.0.0
### Dependencies
* @manufosela/circle-percent#^2.1.1
* @manufosela/nav-list#^2.4.0
* lit-element#^2.1.0
element-card version 2.1.0
### Dependencies
* @manufosela/circle-percent#^2.1.2
* @manufosela/nav-list#^2.4.1
* lit-element#^2.1.0
element-card version 2.1.1
### Dependencies
* @manufosela/circle-percent#^2.1.2
* @manufosela/nav-list#^2.4.1
* lit-element#^2.1.0
element-card version 2.2.1
### Dependencies
* @manufosela/circle-percent#^2.1.2
* @manufosela/nav-list#^2.4.1
* lit-element#^2.1.0
element-card version 2.2.2
### Dependencies
* @manufosela/circle-percent#^2.1.2
* @manufosela/nav-list#^2.4.1
* lit-element#^2.1.0
element-card version 2.2.3
### Dependencies
* @manufosela/circle-percent#^2.1.2
* @manufosela/nav-list#^2.4.1
* lit-element#^2.1.0