Custom Elements (Web Components) Sandbox (some via Stencil)

Features

Custom Elements (aka Web Components) from:

• DB UI

• GoatUI

• Kickstand-UI

• Own-UI, custom element(s) written just to show how easy it is to integrate your own

Usage

CDN

Open custom-elements-via-cdn.html directly in your browser. You should see some custom components.

NPM

1. Install dependencies: npm ci

2. Copy dependencies to public folder: execute ./dist.sh in your terminal, on windows via WSFL or Git Bash

3. Open custom-elements-via-npm.html in something like IntelliJ that can serve files from /public.

4. You should see some custom components.

Custom Elements from

DB-UI	npm i @db-ui/elements	node_modules/@db-ui/elements/dist/db-ui-elements/db-ui-elements.esm.js	https://unpkg.com/@db-ui/elements/dist/db-ui-elements/db-ui-elements.esm.js
GoatUI	npm i @goatui/components	node_modules/@goatui/components/dist/goatui/goatui.esm.js	https://cdn.jsdelivr.net/npm/@goatui/components@1.5.2/dist/goatui/goatui.esm.js
Kickstand-UI	npm i kickstand-ui	node_modules/kickstand-ui/dist/kickstand-ui/kickstand-ui.esm.js	https://unpkg.com/kickstand-ui/dist/kickstand-ui/kickstand-ui.esm.js

More Stencil custom elements can be found in this Github list.