Getting Started

Installation

Assuming you have a basic React project set up, start by simply installing the design system via pnpm

(new tab)
.

pnpm install @carla/flora

Setup

In order to use the provided components, your app must be wrapped with the 

StyleProvider
component.
We also need the 
ThemeProvider
component to access the theme.

import { StyleProvider, ThemeProvider } from '@carla/flora'

const App = () => (
  <StyleProvider>
    <ThemeProvider>{/* YOUR APP HERE */}</ThemeProvider>
  </StyleProvider>
)