Creare un layout a griglia
Panoramica
Questo tutorial ti guiderà nella creazione di un layout a griglia dinamico e visivamente accattivante utilizzando vari componenti disponibili. Il layout a griglia è ideale per mostrare funzionalità, prodotti o soluzioni, ognuno con un pulsante dedicato "Scopri di più".
Useremo il Avonni Layout, Avonni Container, Avonni Icon, Text Block e Avonni Button componenti.
Perché usare questi componenti?
Avonni Layout: Questa è la base del nostro layout a griglia. Ci permette di strutturare il contenuto in un formato organizzato basato su griglia, rendendo più facile per gli utenti navigare tra i vari elementi.
Avonni Container: Ogni elemento nella griglia sarà racchiuso all'interno di un Avonni Container. Questo aiuta a segmentare prodotti o funzionalità diverse, fornendo uno spazio pulito e isolato per ciascun elemento.
Avonni Icon: Le icone sono un ottimo modo per rappresentare visivamente le funzionalità o i prodotti. Aggiungono un elemento grafico al contenuto, rendendolo più coinvolgente e più facile da interpretare.
Text Block: Qui aggiungerai il testo descrittivo per ogni funzionalità o prodotto. Il componente Text Block consente una comunicazione chiara e concisa delle informazioni.
Avonni Button: Un pulsante "Scopri di più" sotto ogni elemento della griglia guida gli utenti verso informazioni aggiuntive. Questa chiamata all'azione aumenta il coinvolgimento degli utenti e fornisce contenuti più dettagliati.
Guida interattiva alla configurazione passo dopo passo
Ultimo aggiornamento
È stato utile?