Skip to content

kernvalley/components

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

@kernvalley/components

A collection of web components / custom elements from KernValley.US


CodeQL Node CI Lint Code Base

GitHub license GitHub last commit GitHub release GitHub Sponsors

npm node-current NPM Unpacked Size npm

GitHub followers GitHub forks GitHub stars Twitter Follow

Donate using Liberapay


Recommended

To ensure compatibility, please install @shgysk8zer0/polyfills or use https://unpkg.com/@shgysk8zer0/polyfills/all.min.js.

Installation

You don't have to install anything, but you can.

npm i @kernvalley/components

You can also just load everything from https://unpkg.com/@kernvalley/components/.

Examples

Kern Valley Events

JavaScript

import '@kernvalley/components/events.js';

customElements.whenDefined('krv-events').then(KRVEvents => {
  const cal = new KRVEvents();
  document.querySelector('.container').append(cal);
});

HTML

<script type="module" src="https://unpkg.com/@kernvalley/components/events.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<krv-events></krv-events>

Whiskey Flat Days Events

JavaScript

import '@kernvalley/components/wfd/events.js';

customElements.whenDefined('wfd-events').then(WFDEvents => {
  const cal = new WFDEvents();
  document.querySelector('.container').append(cal);
});

HTML

<script type="module" src="https://unpkg.com/@kernvalley/components/wfd/events.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<wfd-events></wfd-events>