Loading repository data…
beforesemicolon / repository
Powerful and Fast Web Component Library with a Simple API
⚠️ DEPRECATED: This project is no longer maintained.
⚠️ Please use @beforesemicolon/web-component instead.
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/cwco@1.0.0/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.
Selected from shared topics, language and repository description—not editorial ratings.
jshimkoski /
The Complete Web Components Framework. Ultra-powerful, type-safe runtime for fast, reactive, and maintainable web components.