@ppci-mock/energy-subtype-icon

Energy subtype icon

Table of contents

1. Installation
2. Usage
3. Styling
4. Properties

Installation

NPM

npm i @ppci-mock/energy-subtype-icon

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

Usage

Javascript

import '@ppci-mock/energy-subtype-icon'

Browser

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

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

<!-- Component -->
<energy-subtype-icon
  type="String"
></energy-subtype-icon>

Styling

energy-subtype-icon {
  --size: 32px;
  --icon-size: 20px;
}

Properties

Property	Type	Description	Possible Values
*type*	String	Energy subtype	SUN | WIND | WATER