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期）。