angular / angular/components

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

Aperta
#16,634 4 commenti 3 reazioni 0 assegnatari Vedi su GitHub
area: material/form-field feature P4
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### 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

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Non sono indicati file di implementazione né test. Inizia individuando il componente form-field di Angular Material e riproduci il suo stato di errore confrontandolo con l’esempio Material Design collegato; il lavoro è terminato quando l’etichetta o il segnaposto trema leggermente a sinistra e a destra mentre diventa rosso.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
angular, typescript
Ambito
design, frontend
Tipo di issue
Funzionalità
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.