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

مجموعة من الأدوات ومكونات واجهة المستخدم لبناء واجهة المستخدم على شبكة الإنترنت التي تعمل في كل مكان.

  • سهل الاستخدام مكونات الويب
  • يعمل في أي إطار (Angular ، React ، Vue ...)
  • مواضيع سريعة الاستجابة وقابلة للتخصيص
  • التصميم والطباعة والرموز utilites
طَرد التنزيلات حالة CI CDN

الوثائق

  • الوثائق
  • JavaScript CDN
  • زاوي
  • Vue
  • رد فعل

تثبيت

تم تصميم مكونات واجهة المستخدم مخططًا كمكونات ويب. وهذا يمكّنهم من العمل في مجموعة متنوعة من الأطر والمكتبات. يتم تقسيم مخطط واجهة المستخدم إلى عدة حزم يمكن استخدامها بشكل مستقل. لاستخدام مكونات تثبيت ما يلي ، 

npm install @blueprintui/components

تتوفر أيضًا حزم اختيارية لمرافق التصميم والطباعة. 

npm install @blueprintui/layout @blueprintui/typography

CSS

لاستخدام المكونات ، يجب تحميل ملف CSS الأساسي في الصفحة. يمكن القيام بذلك عبر رابط استيراد CSS أو HTML. 

 @import '@blueprintui/themes/index.min.css' ;
@import '@blueprintui/themes/dark/index.min.css' ;

أو 

 < link rel =" stylesheet " href =" @blueprintui/themes/index.min.css " > 
< link rel =" stylesheet " href =" @blueprintui/themes/dark/index.min.css " >

CDN

يمكن استخدام مكونات واجهة المستخدم مخططًا عبر CDNs للنماذج الأولية السريعة والسهلة. 

 < link rel =" stylesheet " href =" https://unpkg.com/@blueprintui/themes/index.min.css " >
< link rel =" stylesheet " href =" https://unpkg.com/@@blueprintui/themes/dark/index.min.css " >

< script type =" module " >
  import 'https://cdn.jsdelivr.net/npm/@blueprintui/components/include/alert.js/+esm' ;
</ script >

باستخدام مكون

بمجرد تحميل السمة CSS ، يمكن استيراد المكونات عبر واردات JavaScript. 

 import '@blueprintui/components/include/alert.js' ; 
 < body bp-theme =" { theme: 'dark' }); " >

  < bp-alert status =" success " > hello there! </ bp-alert >

</ body >
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل