Introduction

AyoVue is a progressive vue components library with a comprehensive collection of reusable rich UI components designed to simplify and accelerate your web development process.

Installation

Use your favorite package manager to install Ayovue on your project

npm

npm i ayovue

pnpm

pnpm i ayovue

yarn

yarn add ayovue

Usages

You can import full bundle of components or can import individual component.

Full bundle

import { createApp } from 'vue'
import { AyoVue } from 'ayovue'
import App from './App.vue'
import 'ayovue/themes/default/all.css'
const app = createApp(App)
app.use(AyoVue)
app.mount('#app')

Individual component

To import individual component 1st import required.css file in main.js file.

import { createApp } from 'vue'
import App from './App.vue'
import 'ayovue/themes/default/required.css'
createApp(App).mount('#app')

Then import the required component with related css in any files. For example to import Button component use the following steps.

import { AButton } from 'ayovue'
import 'ayovue/themes/default/button.css'