Novos componentes. Desta vez é a coisa chata. As coisas que reconstruímos continuamente. Transformado em componentes. Grupo de botões, Campo, Grupo de entrada, Estados vazios, Item. Eles compõem lindamente e lidam com os padrões comuns que buscamos todos os dias. Vamos dar uma olhada ⬇️
Vamos começar com o Grupo de Botões. Altamente solicitado. Perfeito para grupos de ação, botões divididos e muito mais. Funciona horizontalmente, verticalmente e você pode até aninhá-los.
O Grupo de Entrada permite adicionar ícones, botões, texto, você sabe, todos aqueles pequenos pedaços que você sempre precisa em torno de suas entradas. Suporta alinhamentos em linha e em bloco. Funciona com entrada e área de texto.
Apresentando o Field, um componente para a construção de formulários realmente complexos. Levei muito tempo para acertar, mas fiz funcionar com todas as suas bibliotecas de formulários: Server Actions, React Hook Form, TanStack Form... E torna super fácil construir caixas de seleção e rádios 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 ele. 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 (existem muitos deles) e documentação.
A maioria dos componentes foi criada para funcionar com qualquer biblioteca de componentes. Você pode editar facilmente uma ou duas linhas e fazê-las funcionar com @base_ui ou React Aria.
411,08K