Welcome to the Chameleon Controls Library Samples repository! This repository contains various examples demonstrating how to effectively use the Chameleon Controls Library in different frameworks and with different design systems.
The Chameleon Controls Library provides a set of customizable UI components designed to work seamlessly with different design systems, including Mercury. This repository aims to showcase practical implementations, starting with integration examples for React.
-
Install Yarn
npm i yarn -g
Warning
For MacOS users, a few steps may be required to install Yarn.
custom-chat: A sample showcasing how to use the ch-chat component from Chameleon with "vanilla" JavaScript (without any framework).
-
To start the dev server, run:
yarn start.custom-chat
-
To build the application for production, run:
yarn build.custom-chat
nextjs-mercury: A sample showcasing how to integrate Chameleon controls with a NextJS 15 and React 19 application using the GeneXus Mercury design system.
-
To start the dev server, run:
yarn dev.nextjs-mercury
-
To build the application for production, run:
yarn build.nextjs-mercury
react-mercury: A sample showcasing how to integrate Chameleon controls with a React 18 application using the GeneXus Mercury design system.
-
To start the dev server, run:
yarn start.react-mercury
-
To build the application for production, run:
yarn build.react-mercury
solid-mercury: A sample showcasing how to integrate Chameleon controls with a SolidJS application using the GeneXus Mercury design system.
-
To start the dev server, run:
yarn start.solid-mercury
-
To build the application for production, run:
yarn build.solid-mercury
Contributions are welcome! If you have additional samples or improvements, feel free to fork the repository and submit a pull request.
This project is licensed under the Apache License 2.0. See the LICENSE file for more details.