Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
FeedbackReact Native

Toast

Present app-controlled transient native feedback with semantic tone and optional actions.

Public APILumenToastReact Native

Native example

Use Toast

Use for brief feedback after an operation. Application state owns presentation and timing so navigation and lifecycle behavior remain native.

View verified React Native runtime capture
Toast rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenToast
  title="Changes saved"
  description="The workspace is up to date."
  variant="success"
  onDismiss={dismissToast}
/>

Reference

Public API

The primary shared and platform-specific options exposed by LumenToast.

APIValues or typeDefaultDescription
titleStringRequiredProvides concise feedback.
descriptionString?nilAdds short supporting context.
variantdefault · destructive · success · warningdefaultSelects semantic feedback tone.
actionNative action contentnilProvides one optional recovery action.
onDismissCallback?nilAdds a labeled dismissal action.

Native behavior

Design and accessibility

When to use it

Use for brief feedback after an operation. Application state owns presentation and timing so navigation and lifecycle behavior remain native.

Accessibility

The toast announces concise feedback while optional action and dismissal controls keep independent native labels.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives