web-components

@mordech/web-components

@mordech/web-components is a collection of reusable web components.

Install

yarn add @mordech/web-components

Usage

All components have the prefix mrd-.

import { html, render } from 'lit';
import '@mordech/web-components/mrd-button';

const root = document.querySelector('#root');
render(html`<mrd-button>Click me</mrd-button>`, root);

Roadmap

(I'm using Material Web Components' traffic light system)

Alpha components are in-development and may have many frequent breaking changes.

Beta components are mostly polished and ready for use.

Stable components are reviewed, documented, and API complete.

• 🔴 Not started
• 🟡 In progress
• 🟢 Complete

Components

Component	Alpha	Beta	Stable
Button	🟢	🟢	🔴
Chip	🟡	🔴	🔴
Paint Swatch	🟢	🟢	🔴
Range	🟢	🟢	🔴
Text Field	🟡	🔴	🔴
Toggle Theme Button	🟢	🟢	🔴

License