LayoutReact Native

Sheet

Present supplemental application content in a controlled native sheet.

Public APILumenSheetReact Native

Native example

Use Sheet

Use for supplemental editing or detail that should not replace the current screen. Keep form state and dismissal decisions application-owned.

View verified React Native runtime capture

<LumenSheet
  visible={showEditor}
  title="Edit report"
  onDismiss={() => setShowEditor(false)}
>
  <ReportEditor />
</LumenSheet>

Reference

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

API	Values or type	Default	Description
visible	`boolean`	`Required`	Controls native sheet presentation.
title / description	`Native localized text`	`nil / undefined`	Provides optional heading context.
onDismiss	`() -> Void`	`Required`	Returns presentation ownership to the application.
content / actions	`Native view slots`	`Actions optional`	Composes application-owned content and actions.

Native behavior

Use for supplemental editing or detail that should not replace the current screen. Keep form state and dismissal decisions application-owned.

The native modal presentation contains focus while preserving the semantics and reading order of application-owned content.

Shared component