{{-- The snackbar host: shows every toast, one at a time, near the end of `
`. `materialToast()`, `type`, `action`, `sticky`, `description`, the keyboard and the `data-md-toast-*` hooks are documented in SKILL.md. The live region is the host itself, not the snackbar: a region must be in the page before its contents change for a screen reader to announce them reliably, and the snackbar comes and goes. It is `aria-live="polite" aria-atomic="true"`, as M3 asks for a snackbar (never assertive); `type` picks the region's `role` — `alert` for an error or a warning, `status` otherwise — and the explicit `aria-live` keeps even those polite. `@persist` keeps the host across `wire:navigate`, so a toast dispatched with `redirectTo` is still on screen when the next page arrives. `position`: `bottom` (centred, the default) or `bottom-start`. It lifts above a bottom bar through `--material-bottom-bar`, and publishes its own height as `--material-snackbar-height` so a FAB can lift clear of it (M3: a snackbar appears above a FAB, never in front of or behind one). Drawn by resources/css/components/toast.css. --}} @props(['position' => 'bottom']) @php $position = in_array($position, ['bottom', 'bottom-start'], true) ? $position : 'bottom'; @endphp @persist('material-toast')