Componente noi. De data aceasta sunt lucrurile plictisitoare. Lucrurile pe care le reconstruim din nou și din nou. Transformat în componente. Grup de butoane, câmp, grup de intrare, stări goale, element. Ei compun frumos și se descurcă cu modelele comune pe care le găsim în fiecare zi. Să aruncăm o privire ⬇️

Să începem cu Button Group. Foarte solicitat. Perfect pentru grupuri de acțiune, butoane divizate și multe altele. Funcționează orizontal, vertical și chiar le puteți cuibări.

Input Group vă permite să adăugați pictograme, butoane, text, știți, toate acele mici bucăți de care aveți întotdeauna nevoie în jurul intrărilor dvs. Suportă alinieri în linie și bloc. Funcționează cu input și textarea.

Vă prezentăm Field, o componentă pentru construirea de forme cu adevărat complexe. Mi-a luat mult timp să o fac corect, dar am făcut-o să funcționeze cu toate bibliotecile tale de formulare: Server Actions, React Hook Form, TanStack Form... Și face foarte ușor să construiți casete de selectare și radiouri în stil.

Stări goale. Un titlu, descriere și butoane. Îl puteți folosi cu avatare și grupuri de intrare.

Articol și grup de articole. Acesta este un container flexibil care poate găzdui aproape orice tip de conținut. Simplu, dar l-am construit de atâtea ori încât am decis să creez o componentă pentru el. Le puteți grupa, le puteți transforma în link-uri și puteți adăuga anteturi și subsoluri.

Asta este. Iată linkul GitHub. Verificați jurnalul de modificări de pe site pentru exemple (sunt multe) și documentație.

Majoritatea componentelor au fost construite pentru a funcționa cu orice bibliotecă de componente. Puteți edita cu ușurință o linie sau două și le puteți face să funcționeze cu @base_ui sau React Aria.