Skip to content
kapable

Toaster

Actions · 2 exports · v0.1.0 · showcase

Page-level polite notification region driven by toast events from islands.

Browse 72 component families

Toaster has no notices during SSR because notices are emitted after client actions. This server-rendered page does not imitate client behavior. Open the live playground.

Usage

Toaster usage
<Toaster />
// from an island: toast({ title: 'Saved', tone: 'pass' })

API

Toaster API

ToasterProps

Toaster props
proptypenotes
corner?'bottom-right' | 'top-right' | 'bottom-left' | 'top-left'Stack corner (default 'bottom-right').
regionLabel?stringi18n: region name (default 'Notifications').
dismissLabel?stringi18n: per-toast dismiss label (default 'Dismiss notification').

More in Actions

More in Actions