PrimeReact عبارة عن مجموعة غنية من مكونات واجهة المستخدم مفتوحة المصدر لـ React. راجع صفحة PrimeReact الرئيسية للحصول على العرض المباشر والوثائق.
PrimeReact متاح في npm.
# Using npm npm install primereact # Using yarn yarn add primereact # Using pnpm pnpm add primereact
يمكن استيراد كل مكون على حدة بحيث يتم تجميع ما تستخدمه فقط. مسار الاستيراد متاح في وثائق المكون المقابل.
// استيراد { ComponentName } من 'primereact/{componentname}'؛ استيراد { Button } من 'primereact/button'؛ تصدير الوظيفة الافتراضية MyComponent() { العودة ( )}
يحتوي PrimeReact على وضعين للموضوعات؛ على غرار أو غير على غرار.
الوضع المصمم
يعتمد الوضع المصمم على مكونات محددة مسبقًا ذات سمات محددة مثل سمات Material أو Bootstrap أو PrimeOne. السمة هي ملف CSS المطلوب استيراده، قم بزيارة قسم السمات للحصول على القائمة الكاملة للسمات المتاحة للاختيار من بينها.
// themeimport 'primereact/resources/themes/lara-light-cyan/theme.css'؛
الوضع غير المصمم
يتم تعطيل الوضع غير المصمم بشكل افتراضي لجميع المكونات. باستخدام سياق PrimeReact، قم بتعيين unstyled
على أنه صحيح لتمكينه عالميًا. قم بزيارة وثائق الوضع غير المصمم لمزيد من المعلومات والأمثلة.