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 { Button } from "@optiaxiom/react";
 
export function MyComponent() {
  return <Button>Hello World!</Button>;
}

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

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

Font Awesome icon kit for use with the Optimizely Design System