I toast sono notifiche simili ai popup, utilizzate per imitare i messaggi push dei dispositivi mobili. Utili per attirare l'attenzione dell'utente con messaggi a schermo.
Quelli che seguono sono gli esempi di prova realizzati con il framework Bootstrap.
Messaggio
Ora
Complimenti! Sei il vincitore della lotteria. Hai vinto il #1 premio.
L'attributo data-bs-autohide="false", dice a Bootstrap di non avviare il timer di chiusura automatico, lasciando il toast sempre presente e chiudibile manualmente.
Cliccando il bottone apparirà il toast a destra in fondo alla pagina.
Messaggio
Ora
Complimenti! Sei il vincitore della lotteria. Hai vinto il #1 premio.
Ciao a tutti, questo è un messaggio di congratulazioni: Hai Vinto !!!
E' possibile personalizzare il toast anche con bottoni e quant'altro… Devi avere solo l'immaginazione ;)
Ciao a tutti, questo è un messaggio di congratulazioni: Hai Vinto !!!
Partendo dall'esempio precedente, è possibile creare diverse combinazioni di colori per i toast.