Toasts

<x-toasts> loads the toast notification scripts and shows any toasts flashed to the session. Render it once per page so toasts from Toastify appear.

Usage

<x-toasts />

The scaffold layout already includes it, so dashboard and website pages show toasts out of the box. Add it yourself only in a custom layout, just before </body>.

Options

This component has no options. Toast types and their styling come from the Toastify configuration.

Examples

Custom layout

<body>
    {{ $slot }}

    <x-toasts />
</body>

Then flash a toast from a controller:

toastify()->success(__('Saved successfully'));

Related

• Toastify — flashing toasts from PHP, Livewire, and JavaScript, and configuring them.
• Layouts — the layouts that already include this component.