deca ui

데카이

Decaui는 액세스 가능하고 사용자 정의 가능한 React 구성 요소 세트를 제공하여 신속하게 프로토 타입을 쉽게 프로토 타입하고 멋진 웹 사이트를 개발할 수 있습니다.

시작하기

 npm install @deca-ui/react

구성 요소 사용

다음은 decaui의 Button 구성 요소를 사용하는 기본 앱의 간단한 예입니다.

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

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

전체 문서를 보려면 여기를 클릭하십시오

Decaui와는 다른 점이 있습니다

Decaui를 사용하면 개발자는 CSS 속성에 대한 속기 이름으로 애플리케이션의 어느 곳에서나 중앙 집중식 테마 시스템을 사용할 수 있습니다.

다른 UI 라이브러리가있는 사용자 정의 CS

 < 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 >

decaui와 맞춤형 CS

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

우리의 초점은 일관성입니다

다른 UI 라이브러리의 주요 문제는 일관된 웹 페이지 레이아웃을 만들어내는 것이 혼란 스럽다는 것입니다. Decaui를 사용하면 개발자가 시스템 UI 사양에 따라 속성을 제공하는 루트 테마 개체를 활용할 수 있습니다.

반응 상태 감사합니다!

뉴스 레터 에서이 프로젝트를 전시 한 반응 상태 덕분입니다 (문제 #323).