angular / angular/components

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

Ouverte
#16,634 4 commentaires 3 réactions 0 personnes assignées Voir sur GitHub
area: material/form-field feature P4
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

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.