Card, Feature Grid e Stat Card

Obiettivo: costruire una card come si deve e sapere quale dei tre blocchi simili volete davvero.
Tempo: 5 minuti
Serve: una pagina, possibilmente con un Grid in cui mettere le card

1. Selezionate Add Block, scegliete Card e dategli un Name e un Card style.
2. Una Card da sola non renderizza nulla. Sulla riga della Card selezionate Add child block e aggiungete Card Header, Card Body e Card Footer. Le regioni non hanno campi propri: sono contenitori.
3. Aggiungete contenuto in ogni regione: un Header nell'intestazione, un Plain Text nel corpo, un Button Link nel piè.
4. Per una serie di brevi affermazioni sulle caratteristiche selezionate Add Block, scegliete Feature Grid e aggiungete figli Feature Item.
5. Per un numero che vale la pena mostrare scegliete Stat Card: Value è il numero, Eyebrow / Label la riga piccola sopra e Description la frase sotto.

• Card: l'unità richiede contenuto vero: un titolo, un paragrafo, un'immagine, un'azione. La componete voi.
• Feature Grid: da tre a sei brevi affermazioni del tipo «facciamo questo», uniformi senza comporne una per una.
• Stat Card: il contenuto è un numero. Un valore, un'etichetta, una frase.

• Le regioni della Card non compaiono nel selettore di blocchi di primo livello. Esistono solo dentro una Card, ed è per questo che Add child block sulla riga della Card è l'unica via d'ingresso.
• Non vi servono tutte e tre le regioni. Una Card con il solo corpo va bene; una Card senza nulla è invisibile.
• Card dentro Card non si annidano in modo sensato. Se volete una griglia di card, mettete le Card dentro un Grid.
• Feature Grid è la via più rapida e la meno flessibile. Quando iniziate a combatterci, volevate le Card.
• Tenete i testi delle card di lunghezza simile. Una card con tre frasi accanto a due da cinque parole sembra rotta anche quando non lo è.