Novos componentes. Desta vez, são as coisas aborrecidas. As coisas que reconstruímos repetidamente. Transformadas em componentes. Grupo de Botões, Campo, Grupo de Entrada, Estados Vazios, Item. Eles se combinam lindamente e lidam com os padrões comuns que usamos todos os dias. Vamos dar uma olhada ⬇️

Vamos começar com o Grupo de Botões. Muito solicitado. Perfeito para grupos de ação, botões divididos e mais. Funciona horizontalmente, verticalmente, e você pode até aninhá-los.

O Input Group permite adicionar ícones, botões, texto, você sabe, todas aquelas pequenas coisas que você sempre precisa em torno dos seus inputs. Suporta alinhamentos em linha e em bloco. Funciona com input e textarea.

Apresentando o Field, um componente para construir formulários realmente complexos. Demorei muito tempo para acertar, mas consegui fazê-lo funcionar com todas as suas bibliotecas de formulários: Server Actions, React Hook Form, TanStack Form… E torna super fácil construir checkboxes e radios estilizados.

Estados Vazios. Um título, descrição e botões. Você pode usá-lo com avatares e grupos de entrada.

Item e Grupo de Itens. Este é um contêiner flexível que pode abrigar quase qualquer tipo de conteúdo. Simples, mas eu construí isso tantas vezes que decidi criar um componente para isso. Você pode agrupá-los, transformá-los em links e adicionar cabeçalhos e rodapés.

É isso. Aqui está o link do GitHub. Verifique o changelog no site para exemplos (há muitos deles) e documentação.

A maioria dos componentes foi construída para funcionar com quaisquer bibliotecas de componentes. Você pode facilmente editar uma linha ou duas e fazê-los funcionar com @base_ui ou React Aria.