ispa element

UI Elemen iSPA

Pustaka Komponen untuk VueJs (Vue 3) berdasarkan Tailwind Css.

Mulai Cepat

Untuk menggunakannya, buka terminal Anda di direktori yang diinginkan dan jalankan perintah berikut:

npm install ispa-element

Kemudian tambahkan perpustakaan ke proyek js utama Anda

 import { createApp } from 'vue'
import iSPAElement from 'ispa-element'

const app = createApp ( App )
app . use ( iSPAElement ) . mount ( '#app' ) 

Pemuat Modul

Ini adalah cara yang disarankan jika aplikasi Anda menggunakan vue-cli atau memiliki build berbasis webpack dengan vue-loader yang dikonfigurasi. Impor komponen sebagai file .vue untuk integrasi yang lancar dalam proyek Anda di mana jalur setiap komponen tersedia di bagian "impor" pada dokumentasi komponen.

 import { IButton } from 'ispa-element'

Pada langkah selanjutnya, daftarkan komponen dengan nama tag yang ingin Anda gunakan.

 //  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 Catatan Anda dapat menggunakan nama tag apa pun, namun perhatikan bahwa nama tag ini mungkin bertentangan dengan nama tag lainnya, jadi pastikan nama tag tersebut unik untuk digunakan. :::

Dokumen

Silakan kunjungi di sini untuk membaca dokumen lengkap iSPA Element.

Terima kasih khusus

Terima kasih atas perpustakaan PrimeVue dan Element UI yang luar biasa, versi pertama kami terinspirasi dari perpustakaan ini.

Tonggak pencapaian

• Komponen Kartu
• Memuat Komponen/Arahan
• Komponen Nav/Tab
• Komponen bilah kemajuan
• Komponen Tarik-turun
• Komponen Lencana (26-12-2020)
• Komponen Pembagi (20-12-2020)
• Ganti Komponen (20-12-2020)
• Komponen Peringatan (18-12-2020)
• Formulir/Komponen Masukan (2020-12-16)
• Komponen Tombol (2020-12-09)

PERUBAHANLOG

Anda dapat mengikuti Change Logs dengan klik di sini (CHANGELOG.md)

Pembuatan versi

Dipertahankan di bawah pedoman Versi Semantik.

Lisensi

MIT © Malayvuong

Ingin mendukung?

Jika Anda menyukai proyek ini dan ingin berkontribusi kepada kami, Anda dapat mengirimkan email kepada kami melalui [email protected] untuk informasi lebih lanjut.

⬆ kembali ke atas