Nuevos componentes. Esta vez son las cosas aburridas. Las cosas que reconstruimos una y otra vez. Convertido en componentes. Grupo de botones, Campo, Grupo de entrada, Estados vacíos, Elemento. Componen maravillosamente y manejan los patrones comunes que buscamos todos los días. Echemos un vistazo ⬇️

Comencemos con el grupo de botones. Muy solicitado. Perfecto para grupos de acción, botones divididos y más. Funciona horizontalmente, verticalmente e incluso puedes anidarlos.

Input Group te permite agregar íconos, botones, texto, ya sabes, todos esos pequeños bits que siempre necesitas alrededor de tus entradas. Admite alineaciones en línea y en bloque. Funciona con entrada y área de texto.

Presentamos Field, un componente para construir formularios realmente complejos. Me tomó mucho tiempo hacerlo bien, pero lo hice funcionar con todas sus bibliotecas de formularios: Acciones del servidor, React Hook Form, TanStack Form ... Y hace que sea muy fácil crear casillas de verificación y radios con estilo.

Estados vacíos. Un título, una descripción y botones. Puede usarlo con avatares y grupos de entrada.

Artículo y grupo de artículos. Este es un contenedor flexible que puede albergar casi cualquier tipo de contenido. Simple, pero he construido esto tantas veces que decidí crear un componente para ello. Puedes agruparlos, convertirlos en enlaces y añadir cabeceras y pies de página.

Eso es todo. Aquí está el enlace de GitHub. Consulte el registro de cambios en el sitio para ver ejemplos (hay muchos) y documentación.

La mayoría de los componentes se han creado para funcionar con cualquier biblioteca de componentes. Puede editar fácilmente una línea o dos y hacer que funcionen con @base_ui o React Aria.