Use the toast shortcode to display a dismissable message in the bottom-right corner of the screen.
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.
The shortcode supports the following arguments:
Argument | Required | Description |
---|---|---|
header | No | Optional header of the toast message. Uses the site title by default. |
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 >}}