Wave UI is a responsive, customizable, accessible, and touch-ready UI component framework that comes with 40+ UI components and is compatible with both Vue 3 and Vue 2.
1. Import the Wave UI framework.
// Vue 2
import Vue from 'vue'
import App from './app'
import WaveUI from 'wave-ui'
import 'wave-ui/dist/wave-ui.css'
Vue.use(WaveUI)
const waveui = new WaveUI({
// options here
})
new Vue({
waveui,
render: h => h(App)
}).$mount('#app')
// Vue 3
import { createApp, h } from 'vue'
import App from './app'
import WaveUI from 'wave-ui'
import 'wave-ui/dist/wave-ui.css'
const app = createApp({
render: () => h(App)
})
new WaveUI(app, {
// options here
})
app.mount('#app')
2. Wrap all your app’s content into <w-app>
.
Author: antoniandre
Demo: https://antoniandre.github.io/wave-ui/
Source Code: https://github.com/antoniandre/wave-ui
#vue #vuejs #javascript