deca ui

ديكوي

يوفر Decaui مجموعة من مكونات React التي يمكن الوصول إليها وقابلة للتخصيص والتي تجعل من السهل على النموذج الأولي وتطوير مواقع ويب مذهلة.

ابدء

 npm install @deca-ui/react

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

فيما يلي مثال بسيط على التطبيق الأساسي باستخدام مكون Button Decaui:

 import { Button } from '@deca-ui/react' ;

function App ( ) {
  return < Button variant = "solid" > Hello World </ Button > ;
} 

انقر هنا للحصول على الوثائق الكاملة

ما هو مختلف جدا عن ديكاوي

مع Decaui ، يمكن للمطورين استخدام نظام The Mentaling Horeing في أي مكان داخل تطبيقهم بأسماء اختصار لخصائص CSS.

CSS مخصصة مع مكتبات واجهة المستخدم الأخرى

 < Box
  sx = { {
    marginRight : '2rem' ,
    marginLeft : '2rem' ,
    marginTop : '2rem' ,
    marginBottom : '2rem' ,
  } }
>
  < Input placeholder = "Email Address" />
  < Input placeholder = "Password" />
  < Button
    sx = { {
      width : '100%' ,
    } }
  >
    Create Account
  </ Button >
</ Box >

CSS المخصصة مع ديكاوي

 < Box css = { { m : '$3' } } >
  < Input placeholder = "Email Address" />
  < Input placeholder = "Password" />
  < Button maxWidth > Create Account </ Button >
</ Box > 

تركيزنا هو الاتساق

المشكلة الرئيسية في مكتبات واجهة المستخدم الأخرى هي أنه من المربك إنشاء تخطيطات متسقة على صفحات ويب معها. يتيح Decaui للمطورين استخدام كائن موضوع الجذر الذي يخدم خصائص بعد مواصفات واجهة المستخدم.

شكرا لك حالة رد الفعل!

بفضل حالة React لعرض هذا المشروع على النشرة الإخبارية (العدد رقم 323).