@fao/design-system-react

Shared React component library for FAO projects.

Installation

From a Next.js app in the same workspace:

pnpm add @fao/design-system-react --filter <your-app>

or reference it locally:

"dependencies": {
  "@fao/design-system-react": "file:../fao-design-system-react"
}

The library expects FAO CSS variables and utility classes to be available globally (for example via your main FAO stylesheet or Tailwind setup).

Usage

import { Button } from "@fao/design-system-react"

export function Example() {
  return <Button intent="primary">Click me</Button>
}

Storybook

This package hosts the single Storybook instance for FAO UI primitives:

pnpm storybook