deca ui

デカウイ

Decauiは、アクセスしやすくカスタマイズ可能なReactコンポーネントのセットを提供し、見事なWebサイトを迅速にプロトタイプして開発できるようにします。

はじめる

 npm install @deca-ui/react

コンポーネントを使用します

DecauiのButtonコンポーネントを使用した基本アプリの簡単な例を次に示します。

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

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

完全なドキュメントについては、ここをクリックしてください

デカウイの何が違うのか

Decauiを使用すると、開発者はCSSプロパティの略記名を使用して、アプリケーション内のどこでも集中化されたテーマシステムを使用できます。

他のUIライブラリを備えたカスタム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 >

Decauiを使用したカスタムCSS

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

私たちの焦点は一貫性です

他のUIライブラリの主な問題は、一貫したWebページレイアウトを作成するのが混乱していることです。 Decauiを使用すると、開発者はシステムUI仕様に従ってプロパティを提供するルートテーマオブジェクトを利用できます。

ありがとうReactステータス！

このプロジェクトをニュースレターで紹介してくれたReactステータスに感謝します（問題＃323）。