/quantinuum-ui

Design tokens and React components for Quantinuum.

Primary LanguageTypeScriptMIT LicenseMIT

quantinuum-ui

Quantinuum design tokens and React components.

Based on shadcn, an opinionated tailwind theme and radix-ui component generator. Shadcn isn't a direct dependency but has a CLI tool to generate components into this repo based on components.json.

Development

npm run storybook # Run storybook application to view components.
npm run build-storybook # Build storybook application as static HTML.
npm run build # Build component library with rollup.

Design Tokens

CSS variables are declared in src/tokens.css. Dark mode is toggled by the presence of the class .theme-mode-dark on the root document element (<html />).