1

Install the design system

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

Setting up your files

import the design system in your main.ts file

main.ts
import { createApp } from 'vue'
import './style.css'
import App from './App.vue'

import '@root-axis/design-system';

createApp(App).mount('#app')

Import the tokens in your styles file

style.css
@import '@root-axis/design-tokens';
3

Done!

Now you can do whatever you want with the component

App.vue
<script setup lang="ts">
  import { ref } from 'vue'
  const count = ref(0)
</script>

<template>
  <ra-button @click="count++"> count is {{ count }} </ra-button>
</template>
Next.jsSolid