Toast

ToastList

Default

EuiToast allows for small notes that appear in the bottom right of the screen. They should be used for ephemeral, live actions (think save complete or something just finished right now).

They should not be used for historical actions (your report built 30 minutes ago). This means that a user should never be greeted with toasts when starting a session. Toasts should be brief and avoid long paragraphs of text or titling.

A new notification appears

Example of a good toast

A good toast message is short and to the point. It should very rarely include multiple paragraphs.

Info

Setting type="info".

A new notification appears

Icons should be rare

Icons should be used rarely. They are good for warnings, but when paired with long titles they look out of place.

Success

Setting type="success".

A new notification appears

Created report for dashboard 'Tuba Sales by Region'

While the layout will adjust properly for wrapping titles, they do not look particularly good. Similarily, do not use a whole lot of text in your body either. At a certain point people will not have enough time to read these things. Like, you probably are not even reading this now.

And some other stuff on another line, just for kicks. And here’s a link.

Warning

Setting type="warning".

A new notification appears

Sometimes a title is enough!

Danger

Setting type="danger".

A new notification appears

Couldn't complete the search

Error: expected _scroll_id in the folling Elasticsearch response: {"took":0,"timed_out":false,"_shards":{"total":0,"successful":0,"skipped":0,"failed":0},"hits":{"total":0,"max_score":0,"hits":[]}}