Getting Started

Vuesax is a library of Vuejs components that facilitates front-end development and streamlines work with great visual quality.

Install in project via NPM or YARN


# install
npm install vuesax3 # OR yarn add vuesax3

Use

Vuesax is a Vuejs library. To use it, add the code below:

import {createApp} from 'vue'
import Vuesax from 'vuesax3'

import 'vuesax3/dist/vuesax.css' //Vuesax styles
const app = createApp({})
app.use(Vuesax, {
  // options here
})

All optionsopen in new window

Or use individual components:


import {createApp} from 'vue'
import { vsButton, vsSelect, vsPopup } from 'vuesax3'
import 'vuesax3/dist/vuesax.css'

const app = createApp({})

app.use(vsButton)
app.use(vsSelect)
app.use(vsPopup)

Material Icons

Material icons used by this framework are currently not included. Please add them manually or add to your project for self hosting via:

npm install material-icons --save

Then Import it to your project:

import 'material-icons/iconfont/material-icons.css';

Also, please check the available icons from the following. https://material.io/tools/icons/open in new window

Lusaxweb

This library was created and is supported by Lusaxwebopen in new window

API #

NameTypeParametersDescriptiondefault
rtlBooleanenable or disable RTLfalse