@ppci/source-mix v1.7.24

Source mix

Table of contents

Installation

NPM

npm i @ppci/source-mix

// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs

Usage

Javascript

import '@ppci/source-mix'

Browser

<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-mix/builds/index.min.js" />

<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/source-mix/builds/legacy.min.js" />

<!-- Component -->
<source-mix
  limit="Number"
  categoryIds="Array"
></source-mix>

Styling

source-mix {
  --icon-color: white;
  --icon-background-color: gray;

  --local-color: #32b4e9;
  --social-color: #ffa800;

  --icon-sun: '\\e9d4';
  --icon-wind: '\\e9c1';
  --icon-water: '\\e90b';
}

Properties

Events