Toast

Temporary notification that appears briefly and auto-dismisses. Supports success, error, warning, and info variants.

Primitive: ToastARIA: role="status" / role="alert"Keyboard: Escape dismisses
Success
Your changes have been saved.
Error
Failed to save. Please try again.
Warning
Your session expires in 5 minutes.
Info
A new version is available.
toast.rs
use stratum_leptos::*;

// Show a toast from anywhere
toast(ToastVariant::Success, "Changes saved.");
toast(ToastVariant::Error, "Failed to save.");

// Toaster container (place once in your layout)
view! {
    <Toaster position=ToastPosition::BottomRight />
}

Installation

stratum add toast

Toast Props

PropTypeDefaultDescription
variantToastVariantDefaultStyle: Default, Success, Error, Warning, Info
duration_msu325000Auto-dismiss time (0 = persistent)
on_closeOption<Callback<()>>NoneFires when dismissed

Toaster Props

PropTypeDefaultDescription
positionToastPositionBottomRightScreen position for the toast stack
max_visibleusize5Maximum visible toasts at once

Accessibility

  • Default/Success/Warning/Info use role="status" with aria-live="polite".
  • Error variant uses role="alert" with aria-live="assertive".
  • Escape dismisses the most recent toast.

Source

Primitive: toast.rs
Styled: toast.rs