Navigator Prefabricating Marinates

    web-component-wrapper
    TypeScript icon, indicating that this package has built-in type declarations

    0.0.340 • Public • Published

    Project status

    npm npm downloads

    <LABEL> <LABEL> <LABEL> <LABEL> <LABEL>

    code coverage

    documentation website

    Use case

    Encapsulate your components as web-components.

    Data-Flow

    Data can flow into a component via

    • External property set instance.value = 'value'
    • Trigger Events instance.triggerEvent('click')

    Data can be communicated back via:

    • Properties console.log(instance.value)
    • Observable events instance.addEventListener('click', (event) => console.log(event.detail.value))

    Configuring Data-Flow

    A Web-Component-Wrapper component forwards (transformed) given properties into a wrapped react component via props and reads data via provided callbacks as part of props or as part of reacts ref object.

    Install

    npm i web-component-wrapper

    DownloadsWeekly Downloads

    320

    Version

    0.0.340

    License

    CC-BY-3.0

    Unpacked Size

    227 kB

    Total Files

    15

    Last publish

    Collaborators

    • thaibault