angular / angular/components

[Mat-Form-Field] label/placeholder shake animation on input error

Abierto
#16,634 4 comentarios 3 reacciones 0 asignados Ver en GitHub
area: material/form-field feature P4
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

#### Feature Description

See the example in the official docs:
- [Material Design - Text Fields - Anatomy](https://material.io/design/components/text-fields.html#anatomy) > Assistive Elements > Error Text
- [Direct link to video example](https://storage.googleapis.com/spec-host/mio-staging%2Fmio-design%2F1563837804615%2Fassets%2F1-aJCEgnpvxTuvtYshKU7BuVV4EdPatjE%2Ftextfields-anatomy-error.mp4)

In a form field, on error, the label/placeholder lightly shakes (left and right) as it turns red.

#### Use Case

This will enhance form field UX by subtly grabbing user attention for errors during form field entry

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

No se nombran archivos de implementación ni pruebas. Empieza por localizar el componente form-field de Angular Material y reproducir su estado de error mientras lo comparas con el ejemplo de Material Design enlazado; se considera terminado cuando la etiqueta o el marcador de posición tiembla ligeramente de izquierda a derecha al volverse rojo.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
design, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
35/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.