chameleon
chameleon copied to clipboard
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System

Chameleon Web Components
export default {
title: "Intro|Chameleon Web Components",
options: { selectedPanel: "storybookjs/docs/panel" },
};
Chameleon Web Components - A collection of lightweight, unidirectional, framework-agnostic elements based on the Chameleon Design System.
Prerequisites
The Chameleon project relies on some awesome tools in order to work properly. You'll want to have the following installed:
- Node.js - JavaScript runtime built on Chrome's V8 JavaScript Engine (this project uses v12.7.0)
- Git - Version control software for cloning this repository
- NVM (Node Version Manager) - A bash script to manage multiple active node.js versions
- Yarn - Package manager used for Yarn workspaces
Setup
Note: Please ensure you have all the prerequisite software installed before running any of these commands!
To setup Chameleon for development, run the following in your folder of choice:
git clone [email protected]:MaritzSTL/chameleon.git && cd chameleon && nvm use && yarn setup
Chameleon uses storybook for development, so when you're ready to get going just run:
yarn dev
To build each element and package for distribution, run:
yarn build
If something looks wrong or you need to refresh your dependencies for whatever reason you can run:
yarn clean