INPUT de formulario y más cosas

variantes y propiedades del componente input de figma

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 para figma
Variantes y propiedades del componente INPUT de formulario. del UX fomo Design system

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.

Si tienes alguna duda o quieres hacer una sugerencia, adelante.

Acerca de Juanpol

Product Designer en Magnific. Combino diseño, código e IA para crear mejores experiencias y agentes que transforman la forma en que diseñamos y construimos.

¿Te lo mando por correo?

Las siguientes notas de trabajo, en tu bandeja. Una o dos veces al mes.

Ver la newsletter