material-hyperhtml-element-button
A HyperHTML-Element implementation of MDC Button
Usage
For examples currently refer to Repository. More production worthy examples coming soon.
-
Don't forget your polyfill until Web Components and Custom Elements are widely supported.
Recommended: document-register-element
-
Profit:
<script type="module" src="@organtik/material-button/index.js"></script>
<material-button label="Labeled"></material-button>
Or into your module script:
import { MaterialButton } from "@organtik/material-button"
<material-button label="Labeled"></material-button>
Specifications
Contributing
Our goal across all these components is to enable distributed, no barrier-to-entry abilities to contribute.
To being local development its as simple as:
npm install
npm start
The preconfigured webpack development server will host the index file and away you go! (We've even provided VSCode sample debugging hooks).
Approved Visions for Development
TODO - Provide Organtik introduction and mechanism for paid work for these items
- Id when not supplied use Id generator such as https://github.com/ai/nanoid
- Pre push tslint -p enforcement or similar
- Improved SASS packaging. Potential css separation all together for reuse but MDC does a good job of that
- HyperHTML-Element fork with improved Typescript extension ie HtmButtonElement
- Hosting of example
- Karma tests on dev-web