@furo/fbp
v6.13.0
Published
Declarative programming with web-components.
Downloads
610
Readme
furo flow based programming
installation
If you work with your own components and just want to have the fbp capability, install furo-fbp.
npm install --save @furo/fbp
Basic Usage
After you have furo-fbp installed, import the fbp mixin and use it in your component.
Import
import {FBP} from "@furo/fbp";
FBP with lit-element
To use FBP with lit, just extend your class.
class MyComponent extends FBP(LitElement) {
}
window.customElements.define('my-component', MyComponent);
FBP with native web-components
To use furo-fbp with native components, call this._appendFBP(this.shadowRoot);
to enable fbp.
class MyComponent extends FBP(HTMLElement) {
constructor() {
super();
// Create a shadow root to the element.
this.attachShadow({mode: 'open'});
this.shadowRoot.appendChild(template.content.cloneNode(true));
// Append FBP to my-component
this._appendFBP(this.shadowRoot);
}
}
window.customElements.define('my-component', MyComponent);
FBP with polymer
To use FBP with polymer, just extend your class.
class MyComponent extends FBP(PolymerElement) {
}
window.customElements.define('my-component', MyComponent);
Detailed documentation
Read more about @furo/fbp on the documentation pages.
License
MIT