[Mat-Form-Field] label/placeholder shake animation on input error
- 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
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