Nuovi componenti. Questa volta si tratta delle cose noiose. Le cose che ricostruiamo continuamente. Trasformate in componenti. Gruppo di pulsanti, Campo, Gruppo di input, Stati vuoti, Elemento. Si compongono magnificamente e gestiscono i modelli comuni a cui ci rivolgiamo ogni giorno. Diamo un'occhiata ⬇️

Iniziamo con il Gruppo di Pulsanti. Molto richiesto. Perfetto per gruppi di azione, pulsanti divisi e altro ancora. Funziona orizzontalmente, verticalmente e puoi anche annidarli.

Il gruppo di input ti consente di aggiungere icone, pulsanti, testo, sai, tutti quei piccoli elementi di cui hai sempre bisogno intorno ai tuoi input. Supporta allineamenti in linea e a blocchi. Funziona con input e textarea.

Presentiamo Field, un componente per costruire moduli davvero complessi. Ci ho messo molto tempo per farlo funzionare, ma sono riuscito a farlo funzionare con tutte le vostre librerie di moduli: Server Actions, React Hook Form, TanStack Form… E rende super facile costruire checkbox e radio stilizzati.

Stati vuoti. Un titolo, una descrizione e pulsanti. Puoi usarlo con avatar e gruppi di input.

Elemento e Gruppo di Elementi. Questo è un contenitore flessibile che può ospitare quasi qualsiasi tipo di contenuto. Semplice, ma l'ho costruito così tante volte che ho deciso di creare un componente per esso. Puoi raggrupparli, trasformarli in link e aggiungere intestazioni e piè di pagina.

Questo è tutto. Ecco il link di GitHub. Controlla il changelog sul sito per esempi (ce ne sono molti) e documentazione.

La maggior parte dei componenti è stata costruita per funzionare con qualsiasi libreria di componenti. Puoi facilmente modificare una riga o due e farle funzionare con @base_ui o React Aria.