Vuesax is a frontend library based on vue js that helps you develop faster and with a visual impact in a few steps is in the process of growth and progress.
- Buttons
- Selects
- Notifications
- Switch
- CheckBox
- Radio
- Input
- Dialogs
- Tabs
- Slider
- InputNumber
- Tooltip
- Upload
- Loading
- Grid
- Chip
- Popup
- Progress
- Alert
- Card
- Avatar
- List
Recent versions of Firefox, Chrome, Edge, Opera and Safari. IE10+
<!DOCTYPE html>
<html>
<head>
<link href="https://cdn.jsdelivr.net/npm/vuesax/dist/vuesax.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
</head>
<body>
<div id="app">
<vs-button vs-type="primary-filled">Hola Mundo</vs-button>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuesax/dsit/vuesax.umd.js"></script>
<script>
new Vue({
el: '#app'
})
</script>
</body>
</html># npm
npm install vuesax# yarn
yarn add vuesaximport Vue from 'vue'
import Vuesax from 'vuesax'
import 'vuesax/dist/vuesax.css'
Vue.use(Vuesax)import Vue from 'vue'
import { vsButton, vsSelect, vsPopup } from 'vuesax/dist/components'
import 'vuesax/dist/vuesax.css'
Vue.use(vsButton)
Vue.use(vsSelect)
Vue.use(vsPopup)import Vue from 'vue'
import vsFunctions from 'vuesax/dist/functions'
import 'vuesax/dist/vuesax.css'
Vue.use(vsFunctions)Please make sure to read the Contributing Guide before making a pull request.
Vuesax is an open source MIT project if you want to contribute to keep improving, If you are interested in supporting this project, please consider becoming a patron. [patron]
Support us with a monthly donation and help us continue our activities. [Become a backer]
This library was created and is supported by Lusaxweb