tailgrids vue

Komponen Vue.js UI untuk CSS Tailwind - Tailgrids Vue

Selamat datang di tailgrids versi vue.js. Tailgrids vue.js Versi inti gratis menawarkan berbagai komponen dan blok VUE.js UI berkualitas tinggi, sempurna untuk membangun situs web modern, halaman arahan, dan aplikasi web menggunakan kekuatan CSS dan Vue.js. Dengan desainnya yang konsisten dan koleksi elemen UI penting yang luas, Tailgrids Vue menyediakan semua yang Anda butuhkan untuk membuat antarmuka pengguna yang menakjubkan di proyek VUE.JS Anda.

Tailgrids Vue hadir dengan semua fitur integrasi yang diperlukan untuk penggunaan yang mulus dari komponen -komponen ini dalam aplikasi Vue.js Anda. Apakah Anda sedang mengembangkan aplikasi satu halaman, aplikasi web progresif, atau aplikasi rendering sisi server menggunakan vue.js, jangan ragu untuk menggunakan tailgrids vue untuk proyek pribadi atau komersial Anda.

Memulai

Untuk mulai menggunakan tailgrids vue, ikuti langkah -langkah ini untuk mengaturnya dengan benar di proyek vue.js Anda.

1. Instal Tailgrids dengan menjalankan perintah berikut:

npm install tailgrids

2. Tambahkan tailgrid ke file tailwind.config.js Anda:

 module . exports = {
  content : [ "./*.html" , "./ecommerce/*.html" , "./assets/**/*.js" ] ,
  theme : { } ,
  variants : {
    extend : { } ,
  } ,
  plugins : [ require ( "tailgrids/plugin" ) ] ,
} ;

3. Jelajahi komponen yang tersedia dan pilih cuplikan basis kode VUE yang diinginkan yang ingin Anda gunakan dalam proyek Anda. Cukup salin dan tempel!

4. Untuk melihat perubahan secara lokal, jalankan server pengembangan dengan perintah ini:

npm run dev

Jelajahi semua komponen

? Kunjungi Situs Web

? Dokumentasi

? Lisensi

Tailgrids Vue Core 100% gratis! Dan open-source Anda dapat menggunakannya dengan proyek pribadi atau komersial Anda.