Getting Started

Primabuild UI is the Primabuild's Design System React Component Library. It is based on Dashboard UI and is distributed as a npm package.

Installing the package

The package is published on a public npm registry as a private npm package.

$ npm install @primabuild/ui

Add fonts

You need to add Source Sans Pro to your project.

Add theme provider

In your application you need to add Theme Provider component and specify a theme.

import { ThemeProvider, Theme, Card, Heading } from "@primabuild/ui";
import "@primabuild/ui/index.css";

const App = () => (
    <ThemeProvider theme={Theme.LIGHT}>
      <Card>
        <Heading level={1}>Hello World</Heading>
      </Card>
    </ThemeProvider>
);