Powerful and Fast Web Component Library with a Simple API
MIT License
Contextfull Web Component Library created to improve native Web Component APIs user experience with:
This module can be used directly in the browser as well in Node environment. You can even use it along with other
web libraries and frameworks like React
and Angular
.
<!-- use the latest version -->
<script src="https://unpkg.com/cwco/dist/cwco.min.js"></script>
<!-- use a specific version -->
<script src="https://unpkg.com/[email protected]/dist/cwco.min.js"></script>
<!-- link your app script after -->
<script src="app.js"></script>
npm install cwco
You can then import the constructors class according to what you are building.
const { WebComponent, ContextProviderComponent, Directive } = require('cwco');
CWCO is just HTML and if you want syntax highlighting for VSCode you can use the inline-html
For syntax highlighting of HTML and CSS in javascript use inline-html or lit-html plugins.
You can import html
from cwco
which is just a help for VSCode which does nothing special
to the HTML string you use it with.
import {html, css, WebComponent} from "./cwco";
class MyButton extends WebComponent {
get template() {
return html`<button><slot></slot></button>`
}
get stylesheet() {
return css`<style>button {color: #222}</style>`
// or
// return css`button {color: #222}`
}
}
These IDEs have built-in HTML-in-Javascript syntax highlighting which can be useful when developing CWCO web components.