Komponen baru. Kali ini adalah hal-hal yang membosankan. Hal-hal yang kita bangun kembali berulang kali. Dibuat menjadi komponen. Grup tombol, bidang, grup input, status kosong, item. Mereka menyusun dengan indah dan menangani pola umum yang kita capai setiap hari. Mari kita lihat ⬇️

Mari kita mulai dengan Grup Tombol. Sangat diminta. Sempurna untuk grup aksi, tombol terpisah, dan banyak lagi. Bekerja secara horizontal, vertikal, dan Anda bahkan dapat menyarangkannya.

Grup Input memungkinkan Anda menambahkan ikon, tombol, teks, Anda tahu, semua bagian kecil yang selalu Anda butuhkan di sekitar input Anda. Mendukung perataan sebaris dan blok. Bekerja dengan input dan textarea.

Memperkenalkan Field, komponen untuk membangun formulir yang sangat kompleks. Butuh waktu lama bagi saya untuk melakukannya dengan benar tetapi saya membuatnya berfungsi dengan semua pustaka formulir Anda: Server Actions, React Hook Form, TanStack Form... Dan itu membuatnya sangat mudah untuk membuat kotak centang dan radio bergaya.

Negara Kosong. Judul, deskripsi, dan tombol. Anda dapat menggunakannya dengan avatar dan grup input.

Item dan Grup Item. Yang ini adalah wadah fleksibel yang dapat menampung hampir semua jenis konten. Sederhana tetapi saya telah membangun ini berkali-kali sehingga saya memutuskan untuk membuat komponen untuk itu. Anda dapat mengelompokkannya, mengubahnya menjadi tautan, dan menambahkan header dan footer.

Itu saja. Berikut tautan GitHub. Periksa changelog di situs untuk contoh (ada banyak) dan dokumentasi.

Sebagian besar komponen telah dibuat untuk bekerja dengan pustaka komponen apa pun. Anda dapat dengan mudah mengedit satu atau dua baris dan membuatnya bekerja dengan @base_ui atau React Aria.