React v18.0 or less
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>
}
Design TokensNext.js