@stretto/cds-ui

Stretto Cadence Design System - React Component Library

This is a custom Typescript React component library that uses Radix components & Vanilla Extract CSS for styling specifically built for Stretto's products. Read the docs for Radix Components here. Read the docs for Vanilla Extract CSS here.

Initial setup

Install the project dependencies via the CLI command:

yarn install

Project structure

Project file/folder structure:

• /src contains all components and storybook config
• /lib contains all bundled components in ES modules
• Check the package.json file for the dev/lint/build scripts for workflow

Editing the components and vanilla extract css files

• Edit or add components/styles as needed and run yarn lint to adhere to the eslint config and Design System guidelines.

Running the project

Run Storybook with:

yarn dev

Bundle components/styles and generate lib folder with:

yarn build

License

This project is under [MIT license]