@cqcl/quantinuum-ui NPM | npm.io

1.15.0 • Published 3 days ago

Install

Weekly downloads

-

License

ISC

Repository

Last release

3 days ago

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 />).

@hookform/resolvers @radix-ui/react-accordion @radix-ui/react-alert-dialog @radix-ui/react-aspect-ratio @radix-ui/react-avatar @radix-ui/react-checkbox @radix-ui/react-collapsible @radix-ui/react-context-menu @radix-ui/react-dialog @radix-ui/react-dropdown-menu @radix-ui/react-hover-card @radix-ui/react-icons @radix-ui/react-label @radix-ui/react-menubar @radix-ui/react-navigation-menu @radix-ui/react-popover @radix-ui/react-progress @radix-ui/react-radio-group @radix-ui/react-scroll-area @radix-ui/react-select @radix-ui/react-separator @radix-ui/react-slider @radix-ui/react-slot @radix-ui/react-switch @radix-ui/react-tabs @radix-ui/react-toast @radix-ui/react-toggle @radix-ui/react-toggle-group @radix-ui/react-tooltip @tanstack/react-table class-variance-authority clsx cmdk date-fns lucide-react next-themes react-day-picker react-hook-form react-resizable-panels tailwind-merge vaul zod

3 days ago

18 days ago

5 days ago

1 month ago

1 month ago

1 month ago

1 month ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

2 months ago

3 months ago

3 months ago

3 months ago

3 months ago