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

مكونات يونيكورن

مجموعة مكونات واجهة المستخدم الزاوية من منصة يونيكورن.

ثَبَّتَ 

npm install --save @unicorn.io/components

العرض التوضيحي

https://nitsnets.github.io/unicorn_components

الاستخدام

استيراد الوحدة 

 import { UnicornComponentsModule } from '@unicorn.io/components' ;

@ NgModule ( {
  imports : [
    UnicornComponentsModule . forRoot ( )
  ]
} )
export class AppModule { }

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

 < uni-button label =" My button " > </ uni-button >

حدد موضوع الأنماط (اختياري) 

 @import ' ./node_modules/@unicorn.io/components/styles/themes/cms/all '

قائمة المكونات

مجموعة عنصر تسمية حالة مستندات العرض التوضيحي
الرسوم البيانية جدول <uni-chart> ؟ مستندات -
" أسطورة <uni-chart-legend> ؟ مستندات -
" Tooltip <uni-chart-tooltip> ؟ مستندات -
الحاويات الأكورديون <uni-accordion> ✅ مستندات العرض التوضيحي
" جانبا <uni-aside> ✅ مستندات العرض التوضيحي
" جسم <uni-body> ✅ مستندات العرض التوضيحي
" صندوق <uni-box> ✅ مستندات العرض التوضيحي
" رأس <uni-header> ✅ مستندات العرض التوضيحي
" تَخطِيط <uni-layout> ✅ مستندات العرض التوضيحي
" وسيط <uni-modal> ✅ مستندات -
" يظهر فجأة <uni-popup> ✅ مستندات العرض التوضيحي
" صف <uni-row> ✅ مستندات العرض التوضيحي
" فاصل الصف <uni-row-spacer> ✅ مستندات العرض التوضيحي
" علامات التبويب <uni-tabs> ✅ مستندات العرض التوضيحي
الأشكال زر تبديل <uni-button-toggle> ✅ مستندات العرض التوضيحي
" مربع الاختيار <uni-checkbox> ✅ مستندات العرض التوضيحي
" محرر رمز <uni-code-editor> ؟ مستندات -
" ديتور التاريخ <uni-date-picker> ✅ مستندات العرض التوضيحي
" تاريخ النطاق <uni-daterange-picker> ✅ مستندات العرض التوضيحي
" تاريخ التوقيت وقت <uni-datetime-picker> ✅ مستندات العرض التوضيحي
" منتقي الصور <uni-image-picker> ؟ مستندات -
" مدخل <uni-input> ✅ مستندات العرض التوضيحي
" راديو <uni-radio> ✅ مستندات العرض التوضيحي
" يختار <uni-select> ✅ مستندات العرض التوضيحي
" شريط التمرير <uni-slider> ؟ مستندات العرض التوضيحي
" نطاق شريط التمرير <uni-slider-range> ؟ مستندات العرض التوضيحي
" منتقي الوقت <uni-time-picker> ✅ مستندات العرض التوضيحي
" تبديل <uni-toggle> ✅ مستندات العرض التوضيحي
واجهة المستخدم زر <uni-button> ✅ مستندات العرض التوضيحي
" زر زر <uni-button-file> ؟ مستندات العرض التوضيحي
" مجموعة زر <uni-button-group> ✅ مستندات العرض التوضيحي
" زر الرأس <uni-button-header> ✅ مستندات العرض التوضيحي
" القائمة الزر <uni-button-menu> ✅ مستندات العرض التوضيحي
" زر المنبثقة <uni-button-popup> ✅ مستندات العرض التوضيحي
" تقويم <uni-calendar> ✅ مستندات العرض التوضيحي
" كاروسيل <uni-carousel> ؟ مستندات -
" ساعة <uni-clock> ✅ مستندات العرض التوضيحي
" DataGrid <uni-datagrid> ؟ مستندات العرض التوضيحي
" المرشحات <uni-filters> ؟ مستندات العرض التوضيحي
" قائمة المرشحات <uni-filters-list> ؟ مستندات -
" قائمة <uni-list> ؟ مستندات العرض التوضيحي
" قائمة طعام <uni-menu> ✅ مستندات العرض التوضيحي
" Paginator <uni-paginator> ✅ مستندات العرض التوضيحي
" شجرة <uni-tree> ⚪ مستندات -
utils يُحذًِر <uni-alert> ✅ مستندات العرض التوضيحي
" شارة <uni-badge> ✅ مستندات العرض التوضيحي
" رقاقة <uni-chip> ؟ مستندات العرض التوضيحي
" وجه <uni-face> ✅ مستندات العرض التوضيحي
" رمز <uni-icon> ✅ مستندات -
" تقدم <uni-progress> ✅ مستندات العرض التوضيحي
" فاصل <uni-separator> ✅ مستندات -
" الدوار <uni-spinner> ✅ مستندات العرض التوضيحي
" نخب <uni-toast> ؟ مستندات -
" Tooltip <uni-tooltip> ؟ مستندات -
وجهات النظر DataGrid المصفى <uni-filtered-datagrid> ؟ مستندات -
" رأس البحث <uni-search-header> ؟ مستندات -

أسطورة :

⚪ قادم قريبا

؟ أولي

✅ مستقر

؟ غير مستقر

⚫ إهمال

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