Ya está disponible la versión 1.2 del UX fomo Design system, con componente INPUT de formulario y otras novedades y mejoras.

Componente INPUT de formulario
En el directo del martes construimos juntos el componente Text field, hicimos solo la primera iteración.
Viene cargadita de variantes y propiedades.
- Size: Por ahora está disponible en tamaño MD, mismo tamaño que los componentes Button y Icon button.
- State: Enabled, Hovered, Typing, Filled, Error, Read only y Disabled.
- Propiedades: Label, Show required, Show Optional, Optional, Show Left icon, Select Left icon, Placeholder, Show Right icon, Select Right icon, Show Del, Show Helper, message y Helper message.
Ojito, se añadirán más variantes en la actualización de la próxima semana.
Chips
Las variantes y estados del componente Chips son iguales a las de los componentes Button y Icon button.
Tabs
Las pestañas por ahora están disponibles en tamaños SM y MD, con variantes: Enabled, Hovered. Focused, Pressed, Disabled y Selected.
Este componente también recibirá actualizaciones en breve.
Ahora vamos con las mejoras:
Accordion
Aumentamos el contraste del container del componente accordion para mejorar la legibilidad y la accesibilidad.
Button y Icon Button
Hemos corregido algunos detalles menores que identificamos juntos en los últimos directos que hicimos en YouTube.
Ahora funcionan mejor y su integración es más fluida.
Compartido bajo licencia Creative Commons 4.0
Si tienes alguna duda o quieres hacer una sugerencia, adelante.
Aprende sobre UX/UI + IA, Figma y Product Design
📣 Apúntate a mi newsletter semanal