Skip to content

Feedback

Toast

A transient confirmation, mounted once near the app root.

When to reach for it

Something succeeded and needs no response. A toast is dismissed by time, and time is not an acknowledgement.

Examples

default

Props

Takes no props of its own.

Parts

Composed at the call site rather than configured through props, so a layout this component did not anticipate is still expressible.

Toaster

Transient confirmations, mounted once near the app root.

A toast is for something that succeeded and needs no response. Anything the reader must act on belongs in the page — a toast is dismissed by time, and time is not an acknowledgement.

richColors stays off by default: sonner's rich palette is not this system's status scale, and turning it on reintroduces chroma the White Reset spends only on state.

Takes no props of its own.