Nuevos componentes. Esta vez son las cosas aburridas. Las cosas que reconstruimos una y otra vez. Convertidas en componentes. Grupo de botones, Campo, Grupo de entrada, Estados vacíos, Elemento. Se componen maravillosamente y manejan los patrones comunes que utilizamos 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, y puedes incluso anidarlos.

Input Group te permite añadir iconos, botones, texto, ya sabes, todas esas pequeñas cosas que siempre necesitas alrededor de tus entradas. Soporta alineaciones en línea y en bloque. Funciona con input y textarea.

Presentamos Field, un componente para construir formularios realmente complejos. Me tomó mucho tiempo hacerlo bien, pero logré que funcionara con todas tus bibliotecas de formularios: Server Actions, React Hook Form, TanStack Form… Y hace que sea muy fácil construir casillas de verificación y botones de opción estilizados.

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

Elemento y Grupo de Elementos. Este es un contenedor flexible que puede albergar casi cualquier tipo de contenido. Simple, pero lo he construido tantas veces que decidí crear un componente para ello. Puedes agruparlos, convertirlos en enlaces y añadir encabezados y pies de página.

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

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