Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
ActionsReact Native

Button

Run native actions with shared intent, size, loading, and disabled contracts.

Public APILumenButtonReact Native

Native example

Use Button

Use primary sparingly for the main action, secondary for alternatives, quiet for low-emphasis actions, and danger for destructive operations.

View verified React Native runtime capture
Button rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenButton
  intent="primary"
  onPress={continueFlow}
>
  Continue
</LumenButton>

Reference

Public API

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

APIValues or typeDefaultDescription
onPressCallbackRequiredRuns the button action.
intentprimary · secondary · quiet · dangerprimarySelects semantic emphasis.
sizesm · md · lgmdSelects shared control height and padding.
loadingBooleanfalseShows native progress and prevents activation.
disabledBooleanfalseControls native disabled state.
childrenNative contentRequiredProvides the visible button label.

Native behavior

Design and accessibility

When to use it

Use primary sparingly for the main action, secondary for alternatives, quiet for low-emphasis actions, and danger for destructive operations.

Accessibility

Disabled and loading buttons expose native state and cannot trigger their action. The visible label supplies the accessible name.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives