Salta ai contenuti
Magma Design System
Pattern
I primi pattern sono in scrittura. Compariranno qui quando saranno abbastanza completi da copiarli in un prodotto.Come contribuire Un componente risolve una parte di una schermata; un prodotto è fatto di schermate. Un pattern è una schermata, o un compito, che i prodotti del Gruppo Maggioli costruiscono di continuo - una lista in cui cercare, il dettaglio di un record, un form da compilare - montata con i componenti Magma, insieme alle decisioni che i componenti da soli non possono prendere: cosa mostra la pagina quando non trova nulla, cosa va nell’indirizzo, cosa sente chi usa un lettore di schermo. Nel mezzo ci sono i building block: le parti di una schermata che tornano in molti pattern, come l’intestazione di una pagina o una barra di filtri.
Cosa contiene la pagina di un pattern
Ogni pattern avrà le stesse parti: il pattern in funzione, quando usarlo, la sua anatomia, i componenti di cui è fatto, il comportamento, l’accessibilità, i testi, gli errori da evitare e, per ultimo, il suo codice in HTML, React e Angular. Il codice sarà completo: copialo in un progetto in cui Magma è installato, sostituisci i dati di esempio con il tuo back end, e funziona.
I primi
Lista con filtri: record da cercare, restringere, ordinare e sfogliare per pagine.Dettaglio di un record: un record, cosa si può fare con lui e la sua storia.Form e validazione: dati da compilare, controllati mentre si scrive e all’invio.Stati vuoti e di errore: cosa mostra una schermata quando non c’è ancora nulla, o quando qualcosa è andato storto. Le pagine Pattern e Antipattern di ogni componente mostrano già come usare quel componente da solo. Questa sezione mostrerà come i componenti lavorano insieme.
Modificato 5 giorni faVittorio VittoriDesign System Architect
Creato 5 giorni faVittorio VittoriDesign System Architect