@genexus/chameleon-controls-library v6.0.0-next.5
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/chameleon-controls-library@latest/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
Meaning of development status in each control
Category | Description |
---|---|
"experimental" | The control is in its early stages of the development. This phase is often useful for testing the control early, but it is very likely that the interface will change from the final version. Breaking changes for the control can be applied in "patch" tags. |
"developer-preview" | The control is in its final stages of the development. The interface and behaviors to implement the control are almost complete. The interface of the control should not change so much from the final version. Breaking changes for the control can be applied in "patch" tags. |
"stable" | The control's development is stable and can be safety used in production environments. Breaking changes for the control can be applied in "major" tags. In some cases, two "major" tags would be used to deprecate a behavior in the control. |
2 days ago
8 days ago
15 days ago
21 days ago
22 days ago
23 days ago
25 days ago
25 days ago
28 days ago
29 days ago
29 days ago
1 month ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
2 months ago
3 months ago
3 months ago
3 months ago
3 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
8 months ago
8 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
8 months ago
9 months ago
9 months ago
10 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
7 months ago
6 months ago
6 months ago
8 months ago
6 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
8 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
9 months ago
9 months ago
9 months ago
10 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
8 months ago
8 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
12 months ago
12 months ago
12 months ago
12 months ago