deca ui

decaui

Decaui จัดเตรียมชุดของส่วนประกอบปฏิกิริยาที่เข้าถึงได้และปรับแต่งได้ซึ่งทำให้ง่ายต่อการสร้างต้นแบบอย่างรวดเร็วและพัฒนาเว็บไซต์ที่น่าทึ่ง

เริ่มต้น

 npm install @deca-ui/react

ใช้ส่วนประกอบ

นี่คือตัวอย่างง่ายๆของแอพพื้นฐานโดยใช้ส่วนประกอบ Button ของ Decaui:

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

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

คลิกที่นี่เพื่อดูเอกสารฉบับเต็ม

มีอะไรแตกต่างกันเกี่ยวกับ decaui

ด้วย Decaui นักพัฒนาสามารถใช้ระบบธีมส่วนกลางได้ทุกที่ภายในแอปพลิเคชันของพวกเขาด้วยชื่อชวเลขสำหรับคุณสมบัติ CSS

CSS ที่กำหนดเองกับห้องสมุด UI อื่น ๆ

 < 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 แบบกำหนดเองกับ decaui

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

การมุ่งเน้นของเราคือความสอดคล้อง

ปัญหาหลักของไลบรารี UI อื่น ๆ คือมันทำให้เกิดความสับสนในการสร้างเค้าโครงหน้าเว็บที่สอดคล้องกับพวกเขา Decaui อนุญาตให้นักพัฒนาใช้ประโยชน์จากวัตถุธีมรูทซึ่งให้บริการคุณสมบัติตามข้อกำหนด UI ของระบบ

ขอบคุณสถานะตอบสนอง!

ขอบคุณสถานะการตอบสนองสำหรับการจัดแสดงโครงการนี้ในจดหมายข่าวของพวกเขา (ฉบับที่ 323)