@doji/design-system-react-web

React web components for the Doji Design System.

Install

npm i @doji/design-system-react-web @doji/design-system-core @doji/design-tokens

Also install peer dependencies if needed:

npm i react react-dom

Required CSS Imports

Import these once in your app entry file:

import "@doji/design-tokens/css/variables.css";
import "@doji/design-system-react-web/styles.css";

Examples:

• Vite/React: src/main.tsx
• Next.js App Router: app/layout.tsx
• Next.js Pages Router: pages/_app.tsx

Usage

import { Button } from "@doji/design-system-react-web";

export function Example() {
  return <Button variant="primary">Continue</Button>;
}

Subpath import:

import { Button } from "@doji/design-system-react-web/button";

Exports

• @doji/design-system-react-web
• @doji/design-system-react-web/button
• @doji/design-system-react-web/styles.css