A Component Library for VueJs (Vue 3) base on Tailwind Css.
To use it, open up your terminal in the desired directory and run the following command:
npm install ispa-element
Then add the library into your main js project
import {createApp} from 'vue'
import iSPAElement from 'ispa-element'
const app = createApp(App)
app.use(iSPAElement).mount('#app')
This is the recommended way if your application uses vue-cli or has a webpack based build with vue-loader configured. Import the components as .vue files for seamless integration within your project where path of each component is available at the “import” section of a component documentation.
impot { IButton } from 'ispa-element'
In the next step, register the component with the tag name you’d like to use.
// In app.js
import {createApp} from 'vue'
const app = createApp(App)
app.component(IButton.name, IButton)
// OR app.component('i-button', IButton)
app.mount('#app')
// In component.vue
export default {
components: { IButton }
}
::: tip Note You can use any tag name, but notes these tag name maybe conflict with others tag name, so make sure it’s unique tag name to use. :::
Please visit here to read full documents of iSPA Element.
Thanks for amazing library PrimeVue and Element UI, our very first version has been inspired from these library.
Maintained under the Semantic Versioning guidelines.
Author: malayvuong
Demo: https://ispa.io/docs/ispa-element/
Source Code: https://github.com/malayvuong/ispa-element
#vue #vuejs #javascript