https://github.com/cqcl/quantinuum-ui
Design tokens and React components for Quantinuum.
https://github.com/cqcl/quantinuum-ui
Last synced: about 1 year ago
JSON representation
Design tokens and React components for Quantinuum.
- Host: GitHub
- URL: https://github.com/cqcl/quantinuum-ui
- Owner: CQCL
- License: mit
- Created: 2023-12-13T10:14:26.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-03-27T13:16:59.000Z (about 1 year ago)
- Last Synced: 2025-05-07T04:48:17.359Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://cqcl.github.io/quantinuum-ui/
- Size: 1.34 MB
- Stars: 12
- Watchers: 3
- Forks: 2
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# @quantinuum/quantinuum-ui
Quantinuum design tokens and React components.
Based on [shadcn](https://ui.shadcn.com/), an opinionated tailwind theme and radix-ui component generator. Shadcn components have been generated into this repo using the `components.json` definition and re-exported as a new library.
### Development
#### Basic commands
```bash
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 enabled when using the attribute `data-theme="dark"` higher up in the DOM tree. See `src/tokens.css` for more details.