No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

No se trata de lo que quieres comprar, sino de quién quieres ser. Aprovecha el precio especial.

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

14 Días
14 Hrs
22 Min
8 Seg

Diseño e implementación de inputs

18/23
Recursos

Reto Diseño e implementación de inputs

Crear un componente de input en Figma con los estados necesarios para la web que vimos:

  • focus
  • disabled
  • hover

Incluyendo, un label, placeholder, helper text y un ícono de tooltip.

Espero ver tus diseños.

Aportes 6

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

![](https://static.platzi.com/media/user_upload/image-b6900e16-3192-4271-83a8-c1344c8e1245.jpg)

Diseño e implementación de inputs

Objetivo

  • Comprender los estados que debemos contemplar en la creación de nuestros campos de texto.
  • Entender la importancia del orden de nuestro Figma.

Estados de un input

  • Focus
  • Disabled
  • Hover

Anatomía de un input

Tipos de datos de entrada

Nombres en común

Se tiene que tener una nomenclatura en común para diseñadores y desarrolladores a la hora de nombrar componentes.

Hola, Platzi no me deja publicar, dice que está en proceso de revisión el comentario con link

Hola!
Pueden poner el link del recurso porfavor?