tailgrids vue

مكونات Vue.js واجهة المستخدم لـ Tailwind CSS - Tailgrids Vue

مرحبًا بك في إصدار Vue.js من Tailgrids. يوفر إصدار Tailgrids Vue.js Core مجموعة واسعة من مكونات وكتل واجهة المستخدم عالية الجودة. بفضل تصميمه المتسق ومجموعة واسعة من عناصر واجهة المستخدم الأساسية ، يوفر Tailgrids Vue كل ما تحتاجه لإنشاء واجهات مستخدم مذهلة في مشاريع Vue.js الخاصة بك.

يأتي Tailgrids Vue مع جميع ميزات التكامل اللازمة للاستخدام السلس لهذه المكونات في تطبيق Vue.js الخاص بك. سواء كنت تقوم بتطوير تطبيقات صفحة واحدة أو تطبيقات الويب التقدمية أو التطبيقات المقدمة من جانب الخادم باستخدام Vue.js ، لا تتردد في استخدام Tailgrids Vue لمشاريعك الشخصية أو التجارية.

ابدء

لبدء استخدام Tailgrids Vue ، اتبع هذه الخطوات لإعدادها بشكل صحيح في مشروع Vue.js الخاص بك.

1. تثبيت Tailgrids عن طريق تشغيل الأمر التالي:

npm install tailgrids

2. أضف tailgrids إلى ملف tailwind.config.js :

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

3. تصفح من خلال المكونات المتاحة واختر مقتطفات Vue CodeBase المطلوبة التي تريد استخدامها في مشاريعك. ببساطة نسخ ولصقهم!

4. لعرض التغييرات محليًا ، قم بتشغيل خادم التطوير باستخدام هذا الأمر:

npm run dev

استكشاف جميع المكونات

؟ تفضل بزيارة الموقع

؟ الوثائق

؟ رخصة

Tailgrids Vue Core مجاني 100 ٪! والمصادر المفتوحة يمكنك استخدامها مع مشاريعك الشخصية أو التجارية.