@genexus/chameleon-controls-library
v6.0.0-next.4
Published
chameleon - A library of white-label, highly-customizable and reusable web components
Downloads
5,635
Keywords
Readme
chameleon web components
A library of white-label, highly-customizable and reusable web components.
Getting Started
npm install
npm start
Running the tests
To run the unit tests for the custom elements, run:
npm test
To run the spec tests for a specific custom elements, run:
npm run test.spec <component-name-without-prefix>
For example:
npm run test.spec layout-splitter
Building for production
To build the design for production, run:
npm run build
Using this library
There are three strategies we recommend for using these web components.
Script tag
- Put a script tag similar to this
<script src="https://unpkg.com/@genexus/[email protected]/dist/chameleon/chameleon.esm.js"></script>
in the head of your index.html - Then you can use the web components anywhere in your template, JSX, html etc
Node Modules
- Run
npm install @genexus/chameleon-controls-library --save
- Put a script tag similar to this
<script src="node_modules/@genexus/chameleon-controls-library/dist/chameleon/chameleon.esm.js"></script>
in the head of your index.html - Then you can use the web components anywhere in your template, JSX, html etc
In a Stencil project
- Run
npm install @genexus/chameleon-controls-library --save
- Add an import to the library inside
src/index.ts
:import "@genexus/chameleon-controls-library";
- Then you can use the web components anywhere in your template, JSX, html etc