1

Install the design system

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

Setting up your files

In the jsx file you want to import the components
App.tsx
import "@root-axis/design-system"
In the style of your component, or a global style file
App.css
@import "@root-axis/design-tokens"
3

Done!

Now you can do whatever you want with the component
App.tsx
import { createSignal } from "solid-js"

function App() {
  const [count, setCount] = createSignal(0);

  return (
    <ra-button onClick={() => setCount((count) => count + 1)}>
      count is {count()}
    </ra-button>
  )
}