deca ui

Decaui

Decaui proporciona un conjunto de componentes React accesibles y personalizables que facilitan el prototipo rápidamente y desarrollaron sitios web impresionantes.

Empezando

 npm install @deca-ui/react

Usando un componente

Aquí hay un ejemplo simple de una aplicación básica que usa el componente Button de Decaui:

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

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

Haga clic aquí para obtener la documentación completa

¿Qué es tan diferente de Decaui?

Con Decaui, los desarrolladores pueden usar el sistema de temas centralizado en cualquier lugar dentro de su aplicación con nombres de abreviatura para propiedades CSS.

CSS personalizado con otras bibliotecas de interfaz de usuario

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

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

Nuestro enfoque es la consistencia

El principal problema con otras bibliotecas de la interfaz de usuario es que es confuso crear diseños de página web consistentes con ellas. Decaui permite a los desarrolladores utilizar un objeto de tema raíz que sirve propiedades siguiendo la especificación de UI del sistema.

¡Gracias React Status!

Gracias a React Status por exhibir este proyecto en su boletín (número 323).