React

Install and configure React

React v18.0 or less

• Example
• Repo

1. Install the design system

   npm install "@root-axis/design-system"
   

2. Setting up your files

   In the style of your component, or a global style file

   App.css

   @import "@root-axis/design-tokens"
   

   In the jsx file you want to import the components

   App.tsx

   import "@root-axis/design-system"
   

3. Done!

   Now you can do whatever you want with the component

   App.tsx

   import { useState } from 'react'
   
   function App() {
     const [count, setCount] = useState(0);
   
     <ra-button onClick={() => setCount((count) => count + 1)}>
       count is {count}
     </ra-button>
   }