Neue Komponenten. Diesmal sind es die langweiligen Dinge. Die Dinge, die wir immer wieder neu aufbauen. In Komponenten umgesetzt. Button-Gruppe, Feld, Eingabegruppe, Leere Zustände, Element. Sie fügen sich wunderschön zusammen und behandeln die gängigen Muster, auf die wir jeden Tag zurückgreifen. Lass uns einen Blick darauf werfen ⬇️

Lass uns mit der Button-Gruppe beginnen. Sehr nachgefragt. Perfekt für Aktionsgruppen, Split-Buttons und mehr. Funktioniert horizontal, vertikal und du kannst sie sogar schachteln.

Die Eingabegruppe ermöglicht es Ihnen, Symbole, Schaltflächen, Text hinzuzufügen, wissen Sie, all diese kleinen Dinge, die Sie immer um Ihre Eingaben herum benötigen. Unterstützt Inline- und Blockausrichtungen. Funktioniert mit Eingabefeldern und Textbereichen.

Ich präsentiere Field, eine Komponente zum Erstellen wirklich komplexer Formulare. Es hat lange gedauert, bis ich es richtig hinbekommen habe, aber ich habe es mit all euren Formularbibliotheken zum Laufen gebracht: Server Actions, React Hook Form, TanStack Form… Und es macht es super einfach, gestylte Checkboxen und Radiobuttons zu erstellen.

Leere Zustände. Ein Titel, eine Beschreibung und Schaltflächen. Sie können es mit Avataren und Eingabegruppen verwenden.

Element und Elementgruppe. Dies ist ein flexibler Container, der nahezu jede Art von Inhalt aufnehmen kann. Einfach, aber ich habe das so oft gebaut, dass ich beschlossen habe, eine Komponente dafür zu erstellen. Sie können sie gruppieren, in Links umwandeln und Kopf- und Fußzeilen hinzufügen.

Das ist es. Hier ist der GitHub-Link. Überprüfen Sie das Änderungsprotokoll auf der Website für Beispiele (es gibt viele davon) und die Dokumentation.

Die meisten Komponenten wurden so entwickelt, dass sie mit beliebigen Komponentenbibliotheken funktionieren. Sie können ganz einfach eine Zeile oder zwei bearbeiten und sie mit @base_ui oder React Aria zum Laufen bringen.