Nieuwe componenten. Deze keer zijn het de saaie dingen. De dingen die we keer op keer opnieuw bouwen. Gemaakt in componenten. Knopgroep, Veld, Invoergroep, Lege toestanden, Item. Ze combineren prachtig en behandelen de gebruikelijke patronen waar we elke dag naar grijpen. Laten we eens kijken ⬇️

Laten we beginnen met de Knopgroep. Veel gevraagd. Perfect voor actiegroepen, gesplitste knoppen en meer. Werkt horizontaal, verticaal, en je kunt ze zelfs nestelen.

Inputgroep laat je iconen, knoppen, tekst toevoegen, je weet wel, al die kleine dingen die je altijd nodig hebt rond je invoervelden. Ondersteunt inline en blokuitlijningen. Werkt met invoervelden en tekstgebieden.

Introductie van Field, een component voor het bouwen van echt complexe formulieren. Het heeft me lang gekost om het goed te krijgen, maar ik heb het laten werken met al je formuliersystemen: Server Actions, React Hook Form, TanStack Form… En het maakt het super eenvoudig om gestylede selectievakjes en radioknoppen te bouwen.

Lege staten. Een titel, beschrijving en knoppen. Je kunt het gebruiken met avatars en invoergroepen.

Item en Item Groep. Dit is een flex-container die bijna elk type inhoud kan huisvesten. Eenvoudig, maar ik heb dit zo vaak gebouwd dat ik besloot er een component voor te maken. Je kunt ze groeperen, ze omzetten in links en kop- en voetteksten toevoegen.

Dat is het. Hier is de GitHub-link. Bekijk de changelog op de site voor voorbeelden (er zijn er veel) en documentatie.

De meeste componenten zijn gebouwd om te werken met elke componentbibliotheek. Je kunt eenvoudig een regel of twee bewerken en ze laten werken met @base_ui of React Aria.