Nowe komponenty. Tym razem to nudne rzeczy. Rzeczy, które odbudowujemy w kółko. Zrobione w formie komponentów. Grupa przycisków, Pole, Grupa wejściowa, Puste stany, Element. Pięknie się komponują i obsługują powszechne wzorce, po które sięgamy na co dzień. Zobaczmy ⬇️

Zacznijmy od Grupy Przycisków. Bardzo pożądane. Idealne do grup akcji, przycisków dzielonych i nie tylko. Działa w poziomie, w pionie, a nawet można je zagnieżdżać.

Grupa wejściowa pozwala dodawać ikony, przyciski, tekst, wiecie, wszystkie te małe elementy, które zawsze są potrzebne wokół waszych wejść. Obsługuje wyrównania w linii i blokowe. Działa z polem wejściowym i polem tekstowym.

Przedstawiam Field, komponent do budowania naprawdę złożonych formularzy. Zajęło mi dużo czasu, aby to dopracować, ale udało mi się to z wszystkimi twoimi bibliotekami formularzy: Server Actions, React Hook Form, TanStack Form… I to sprawia, że budowanie stylizowanych checkboxów i przycisków radiowych jest super łatwe.

Puste stany. Tytuł, opis i przyciski. Możesz używać tego z awatarami i grupami wejściowymi.

Element i Grupa Elementów. To jest elastyczny kontener, który może pomieścić niemal każdy rodzaj treści. Proste, ale zbudowałem to tyle razy, że postanowiłem stworzyć komponent do tego. Możesz je grupować, zamieniać w linki oraz dodawać nagłówki i stopki.

To wszystko. Oto link do GitHub. Sprawdź dziennik zmian na stronie, aby zobaczyć przykłady (jest ich dużo) oraz dokumentację.

Większość komponentów została zbudowana tak, aby działały z dowolnymi bibliotekami komponentów. Możesz łatwo edytować jedną lub dwie linijki, aby działały z @base_ui lub React Aria.