deca ui

DeCaui

A Decaui fornece um conjunto de componentes de reação acessível e personalizável que facilitam o prototipo rapidamente e o desenvolvimento de sites impressionantes.

Começando

 npm install @deca-ui/react

Usando um componente

Aqui está um exemplo simples de um aplicativo básico usando o componente Button de Decaui:

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

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

Clique aqui para a documentação completa

O que há de tão diferente em Decaui

Com a Decaui, os desenvolvedores podem usar o sistema de tema centralizado em qualquer lugar dentro de sua aplicação com nomes de taquigrafia para propriedades CSS.

CSS personalizado com outras bibliotecas de interface do usuário

 < 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 personalizado com decaui

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

Nosso foco é consistência

O principal problema com outras bibliotecas da interface do usuário é que é confuso criar layouts de página da web consistentes com elas. Decaui permite que os desenvolvedores utilizem um objeto de tema raiz que serve propriedades seguindo a especificação da interface do usuário do sistema.

Obrigado reagir status!

Graças ao status do React por exibir este projeto em seu boletim informativo (edição nº 323).