A library of white-label, highly-customizable and reusable web components.
npm install
npm start
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
To build the design for production, run:
npm run build
There are three strategies we recommend for using these web components.
- Put a script tag similar to this
<script src="https://unpkg.com/@genexus/chameleon-controls-library@4.4.7/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
- 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
- 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