1.3.14 • Published 4 years ago
@ppci/sourcemix-item v1.3.14
Sourcemix item
Table of contents
Installation
NPM
npm i @ppci/sourcemix-item
// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs
Usage
Javascript
import '@ppci/sourcemix-item'
Browser
<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/sourcemix-item/builds/index.min.js" />
<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/sourcemix-item/builds/legacy.min.js" />
<!-- Component -->
<sourcemix-item
id=${String}
name=${String}
city=${String}
image=${String}
icon=${String}
deleteMode
></sourcemix-item>
Styling
sourcemix-item {
--category-color: blue;
--icon-color: white;
--background-color: white;
/* Dynamically generated icon variables based on available energy subtypes */
--icon-wind: 'wind icon';
--icon-sun: 'sun icon';
--icon-water: 'water icon';
...etc
/* Dynamically generated category color variables based on the available categories */
--local-color: red;
--social-color: blue;
...etc
}
Properties
Events
1.3.13
4 years ago
1.3.14
4 years ago
1.3.12
4 years ago
1.3.11
4 years ago
1.3.9
4 years ago
1.3.8
5 years ago
1.3.7
5 years ago
1.3.6
5 years ago
1.3.5
5 years ago
1.3.4
5 years ago
1.3.3
5 years ago
1.3.2
5 years ago
1.3.0
5 years ago
1.2.12
5 years ago
1.2.11
5 years ago
1.2.10
5 years ago
1.2.9
5 years ago
1.2.7
5 years ago
1.2.6
5 years ago
1.2.5
5 years ago
1.2.4
5 years ago
1.2.3
5 years ago
1.2.2
5 years ago
1.2.1
5 years ago
1.2.0
5 years ago
1.1.3
5 years ago
1.1.1
5 years ago
1.1.0
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago