Skip to main content

Toasts

Toasts or growls are covered by special modifiers on Alerts and usually appear in one of the corners of your page to draw your attention to something that has happened.

Positions

Toasts can appear in either of the corners of the page

.c-alerts--topleft

.c-alerts--topright

.c-alerts--bottomright

.c-alerts--bottomleft

Since "toasts" are simply positioned Alerts you have all the same attributes and methods .

Attributes

Attribute Description
position="topright|bottomright|bottomleft|topleft" Set on the toasts element for which corner the alerts are anchored to
dismissible (boolean) Turn on the close button
open (boolean) Toggle the alert