Prepariamo un esempio di post/articolo/notizia che venga messo in evidenza sull'intera larghezza della pagina.
Per prima cose definiamo nella pagina index un oggetto JavaScript con tutti i dettagli del post: Lo passeremo come props del componente che andremo a creare:
Ricordati di importare il componente.
Definiamo quindi il nostro nuovo componente, importando i componenti necessari: Tutto sarà racchiuso in un componente Paper: Sopra l'immagine ci sarà un layer nero con un'opacità del 40%, per facilitare la lettura dei testi: Il testo sarà posizionato solo su metà (6/12) dell'immagine (per gli schermi dal large in sù) grazie a un componente Grid:
