Skip to main content

Documentation Index

Fetch the complete documentation index at: https://design-system.rodrigoantunes.dev/llms.txt

Use this file to discover all available pages before exploring further.

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>
}