[Mat-Form-Field] label/placeholder shake animation on input error
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Aucun fichier d’implémentation ni test n’est indiqué. Commencez par localiser le composant form-field de Angular Material et reproduisez son état d’erreur tout en le comparant à l’exemple Material Design lié ; c’est terminé lorsque le libellé ou l’espace réservé tremble légèrement de gauche à droite en devenant rouge.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, typescript
- Domaine
- design, frontend
- Type d'issue
- Fonctionnalité
- Difficulté
- 3/5
- Temps estimé
- 1-2 jours
- Activité
- À l'abandon
- Clarté
- Plutôt claire
- Accessibilité débutants
- 35/100