UI
← Home

Toast Stack

A stack of toast notifications. Each push adds a toast that dismisses itself on its own timer, so several can be on screen at once — dismissing or expiring one leaves the rest untouched. Click Notify a few times to watch them stack and clear independently.

  • Axe
  • Focus

Preview

    Installation

    npx shadcn@latest add https://ui.publictheta.com/r/toast-stack.json

    Conformance

    Verified against the @publictheta/ui-spec toast-stack specification on both the React and vanilla reference implementations, across Chromium, Firefox, and WebKit.

    • Axe — No WCAG 2 A/AA axe-core violations
    • Focus — A visible focus indicator appears on keyboard focus (WCAG 2.4.7)

    See the full conformance matrix across all components.