A Component Library for VueJs (Vue 3) base on Tailwind Css

iSPA Element UI

A Component Library for VueJs (Vue 3) base on Tailwind Css.

Quick Start

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')

Module Loader

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. :::

Documents

Please visit here to read full documents of iSPA Element.

Special Thanks

Thanks for amazing library PrimeVue and Element UI, our very first version has been inspired from these library.

Milestone

• [x] Button Component (2020-12-09)
• [ ] Form/Input Component
• [ ] Card Component
• [ ] Loading Component/Directives
• [ ] Dropdown Component
• [ ] Alert Component
• [ ] Badge Component
• [ ] Nav/Tabs Component
• [ ] Progress bar Component

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Malayvuong

Download Details:

Author: malayvuong

Demo: https://ispa.io/docs/ispa-element/

Source Code: https://github.com/malayvuong/ispa-element

#vue #vuejs #javascript