deca ui

decaui

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庫的自定義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庫的主要問題是，與它們創建一致的網頁佈局是令人困惑的。 DECAUI允許開發人員利用一個根主題對象，該對像在系統UI規範之後提供屬性。

謝謝你的反應狀態！

感謝React Status在其新聞通訊上展示該項目的狀態（第323期）。