Skip to main content

Function: Toast()

Toast(__namedParameters): Element

Defined in: components/Toast/Toast.tsx:457

A single Feedback toast surface. Renders a valence glyph, title, description, an optional single action, and a dismiss button.

This component is rendered by ToastRegion for each queued item — you rarely instantiate it directly. Use createToastQueue + queue.add(...) in application code, and place a single <ToastRegion /> at the root.

The announced region is the message alone: React Aria puts role="alert" on the content, so the title and description are what assistive technology reads. The action sits outside it — a live region should announce what happened, not read a button label as part of the sentence.

Parameters

ParameterType
__namedParametersToastProps

Returns

Element