Solid

Install and configure Solid

• Example
• Repo

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