Element Card

<element-card>

Published on webcomponents.org

Demo

element-card codepen 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

License

This project is licensed under the Apache 2.0 License - see the LICENSE file for details

Install

Link to this version
ImportedReleased 08 December 2018MIT License
Framework Support
Polymer 3.0+
Browser Independent
Install with
npm install @manufosela/element-card"@1.1.2"
Run the above npm command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.1.2

Dependencies

  • @polymer/lit-element#^0.6.1
  • @polymer/polymer#^3.0.0