@commonweb/components NPM

@CommonWeb/Components

@CommonWeb/Components A set of components

Summary

It helps you create reusable and customizable web components without the need for heavy frameworks or external dependencies.
It offers a simple and intuitive API for creating custom elements based on native web standards.
It saves you time and effort, and helps you create more efficient and scalable web applications.

Installation

NPM

    npm install --save @commonweb/core

Add the script to your HTML Add the CDN script tag to the of your HTML file, and start using CommonWeb components to build your app!.

<script src="https://unpkg.com/mi-paquete-js@latest/dist/mi-paquete-js.min.js"></script>

Components

StaticTemplate Component

Usage

After install just start using the component directly on the

<static-template context data='{"name":"World", "frameworks": [{"name":"React"},{"name":"Angular"}] }'>
    <h4>Hello! {{@host.data.name}}</h4>
    <ul>
        <template for-each="{{@[context].data.frameworks}}">
            <!--The list is under the for-each context so data refers to the item on the iteration-->
            <li>{{@host.data.name}}</li>
        </template>
    </ul>
</static-template>