Getting Started

#
Installation

Install the @optiaxiom/react package using your package manager of choice:

npm install @optiaxiom/react

pnpm add @optiaxiom/react

yarn add @optiaxiom/react

bun add @optiaxiom/react

Make sure to setup transpiling to handle CSS Imports.

Wrap your application with AxiomProvider:

import { AxiomProvider } from "@optiaxiom/react";
 
export function App() {
  return <AxiomProvider>{/* Your app code here */}</AxiomProvider>;
}

Import components from @optiaxiom/react and use them:

import { Text } from "@optiaxiom/react";
 
export function MyComponent() {
  return <Text>Hello World!</Text>;
}

Learn about our styling solution and how to consume our design tokens.

Discover all the components available in our library and how to use them.