TEDI Design System

The TEDI Design System provides reusable UI components for multiple frameworks.

Usage instructions can be found in the wiki.

---

Development Guide

Setting Up the Project

Components are separated into packages by framework. Each package is managed separately.

1. Installing dependencies.

Run the following command at the root to install shared dependencies:

npm install

Then, install dependencies for the specific library you are working on:

For React components:

npm run install:react

For Angular components:

npm run install:angular

Alternatively, you can install everything from root package.json:

  npm run install:all

2. Running Storybook

Run your desired Storybook from root:

npm run start:react
npm run start:angular

---

Additional Resources

Check the wiki for detailed documentation.
Report issues or contribute via GitHub Issues.

---

Thanks

Thanks to Chromatic for providing the visual testing platform that helps us review UI changes and catch visual regressions.