FeedbackReact Native

Alert

Present inline native feedback using shared neutral, destructive, success, and warning treatments.

Public APILumenAlertReact Native

Native example

Use Alert

Use default for neutral notices and semantic variants for outcomes or risk. Keep the message actionable and avoid presenting routine information as an alert.

View verified React Native runtime capture

Alert rendered in the Expo web renderer Lumen playground — Verified runtime captureExpo web renderer

<LumenAlert variant="success">
  <LumenAlertTitle>Profile synced</LumenAlertTitle>
  <LumenAlertDescription>Available offline.</LumenAlertDescription>
</LumenAlert>

Reference

Public API

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

API	Values or type	Default	Description
variant	`default · destructive · success · warning`	`default`	Selects the semantic foreground, border, and tint.
children	`Native content`	`Required`	Provides alert content.
style	`Native layout API`	`—`	Controls placement and sizing.
LumenAlertTitle / LumenAlertDescription	`Platform text composition`	`—`	React Native uses explicit text roles because View does not inherit text color.

Native behavior

Design and accessibility

When to use it

Use default for neutral notices and semantic variants for outcomes or risk. Keep the message actionable and avoid presenting routine information as an alert.

Accessibility

An alert is a styled container, not an automatic live announcement. Applications decide when asynchronous content needs a platform announcement.

Shared component

Available on other platforms

Apple / SwiftUI Android / Compose