@powerpeers-test/source-overview

Sources

A grid/list of all sources.

Table of contents

1. Installation
2. Usage
3. Theme | Styling
4. Properties
5. Events
6. Changelog

Installation

CDN

  <script type='module' src="http://developer.powerpeers.com/social/1.0.0/source-overview.js" />

NPM

  npm i @ppci/source-overview

Usage

// Javascript import
import '@ppci/source-overview'

<!-- or module import -->
<script type="module" src="http://developer.powerpeers.com/social/1.0.0/source-overview.js" />

<source-overview>
</source-overview>

Theme | Styling

source-overview {
  /* common */
  --theme-border-radius: 4px;

  /* grid */
  --grid-columns: 2;
  /* usage in media queries */
  @media (min-width: 675px) {
    --grid-columns: 4;
  }
  
   
  /* typo */
  --theme-primary-h3-color: black;
  --theme-primary-p-color: gray;
}

Properties

Property	Type	Description	Possible Values

Events

Name	Description	Detail / Payload

Changelog

1.0.0 ( Major )

• Initial version sources component