deca ui

Decaui

Decaui menyediakan serangkaian komponen reaksi yang dapat diakses dan dapat disesuaikan yang membuatnya mudah untuk dengan cepat membuat prototipe dan mengembangkan situs web yang menakjubkan.

Memulai

 npm install @deca-ui/react

Menggunakan komponen

Berikut adalah contoh sederhana dari aplikasi dasar menggunakan komponen Button Decaui:

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

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

Klik di sini untuk dokumentasi lengkapnya

Apa yang sangat berbeda tentang decaui

Dengan Decaui, pengembang dapat menggunakan sistem tema terpusat di mana saja dalam aplikasi mereka dengan nama -nama steno untuk properti CSS.

CSS khusus dengan pustaka UI lainnya

 < 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 Kustom dengan Decaui

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

Fokus kami adalah konsistensi

Masalah utama dengan perpustakaan UI lainnya adalah membingungkan untuk membuat tata letak halaman web yang konsisten dengan mereka. DECAUI memungkinkan pengembang untuk memanfaatkan objek tema root yang melayani properti mengikuti spesifikasi sistem UI.

Terima kasih Status Bereaksi!

Berkat Status Bereaksi untuk menampilkan proyek ini di buletin mereka (Edisi #323).