deca ui

Decaui

Decaui bietet eine Reihe von zugänglichen und anpassbaren React -Komponenten, mit denen Sie leicht prototypisieren und atemberaubende Websites entwickeln können.

Erste Schritte

 npm install @deca-ui/react

Mit einer Komponente

Hier ist ein einfaches Beispiel für eine Basis -App, die Button von DeCaui verwendet:

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

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

Klicken Sie hier, um die vollständige Dokumentation zu erhalten

Was ist so anders an Decaui

Mit DeCaui können Entwickler das zentralisierte Themensystem überall in ihrer Anwendung mit Kurznamen für CSS -Eigenschaften verwenden.

Benutzerdefinierte CSS mit anderen UI -Bibliotheken

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

Custom CSS mit Decaui

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

Unser Fokus ist Konsistenz

Das Hauptproblem bei anderen UI -Bibliotheken ist, dass es verwirrend ist, mit ihnen konsistente Webseite zu erstellen. Mit DeCaui können Entwickler ein Root -Themenobjekt verwenden, das Eigenschaften nach der System -UI -Spezifikation dient.

Vielen Dank reagieren Status!

Vielen Dank an den React -Status für die Präsentation dieses Projekts in ihrem Newsletter (Ausgabe Nr. 323).