الصفحة الرئيسية>المتعلقة بالبرمجة>مكونات الطرف الثالث
تنزيل

inators واجهة المستخدم

Inators UI هي مكتبة واجهة المستخدم تعتمد على شادكن واجهة المستخدم ، مصممة لتبسيط تطوير واجهات المستخدم الأنيقة والسريعة الاستجابة في مشاريع Next.js 14.

تثبيت

تثبيت وتكوين Shadcn واجهة المستخدم.

إنشاء مشروع

ابدأ بإنشاء مشروع NEXT.JS جديد باستخدام إنشاء Next-Next: 

npx create-next-app@latest my-app

تشغيل CLI

قم بتشغيل أمر Shadcn UI Init لإعداد مشروعك: 

npx shadcn-ui@latest init

inators استخدام واجهة المستخدم

تثبيت وتكوين مكونات واجهة المستخدم Shadcn.

تثبيت المكونات

ابدأ بتثبيت مكون جديد باستخدام أوامر من القائمة المنسدلة صفحة المكونات: 

npx shadcn-ui@latest add button dropdown-menu

نسخ رمز من صفحة المكونات

قم بإنشاء ملف جديد باستخدام محرر الرمز الخاص بك ، على سبيل المثال ، ButtonOptions.tsx ، في مجلد المكونات الخاص بك ونسخ رمز من صفحة المكونات.

استيراد مكون تم إنشاؤه لاستخدامه

أضف المكون لاستخدام ButtonOptions.tsx :

رمز مثال 

 import ButtonOptions from "@/components/ButtonOptions" ;
// Your component usage code here
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل