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:

ArgumentRequiredDescription
headerNoOptional header of the toast message. Uses the site title by default.

Example

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

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

{{< toast header="Custom title" >}}
    This is a toast message.
{{< /toast >}}
Last updated: February 12, 2023 • Upgrade to docs v0.9 (2caaad8)