Toasts

Toast messages can either communicate an sucessful action or give contextual options for another elements states. For example selecting mutliple rows brings up options to delete or duplicate those. Actions can bring up additional modals in their normal style.

Toast messages are positioned in the bottom left and overlap other elements. See Layout.

Design Links

Open in Sketch Cloud

Open in Figma

@import 'node_modules/@hospitality-digital/design-system/css/components/toast.css';