@oxygen-ui-experimental/react

The React implementation of the Oxygen Design System.

Installation

# With npm
npm install @oxygen-ui-experimental/react

# With pnpm
pnpm add @oxygen-ui-experimental/react

# With yarn
yarn add @oxygen-ui-experimental/react

Develop

To contribute to the package, follow the guide to set-up the project.

Setup the Environment

Use Figspec in Design Addon

By default, the Design addon does not provide any capabilities to inspect the Figma design.

If you create a personal access token and configure the setup, you could get a bit more richer preview.

Create a .env.local file under the root of packages/react, and add the following environment variable.

STORYBOOK_FIGMA_ACCESS_TOKEN="<YOUR_FIGMA_ACCESS_TOKEN>"

Follow the official addon documentation for more info.

Run Storybook

pnpm storybook