Toast

Use the toast shortcode to display a dismissable message in the bottom-right corner of the screen.

Overview

Use the toast shortcode to display a dismissable message in the bottom-right corner of the screen. Hinode defines a click event for a button with id toastButton. Modify the file assets/js/toast.js if needed.

Arguments

The shortcode supports the following arguments:

Example

As an example, the following shortcode displays a button that, when clicked, triggers the toast message.

{{< button id="toastButton" >}}
    Show toast
{{< /button >}}

{{< toast header="Custom title" >}}
    This is a toast message.
{{< /toast >}}