When to use it
Use primary sparingly for the main action, secondary for alternatives, quiet for low-emphasis actions, and danger for destructive operations.
Run native actions with shared intent, size, loading, and disabled contracts.
Native example
Use primary sparingly for the main action, secondary for alternatives, quiet for low-emphasis actions, and danger for destructive operations.
<LumenButton
intent="primary"
onPress={continueFlow}
>
Continue
</LumenButton>Reference
The primary shared and platform-specific options exposed by LumenButton.
| API | Values or type | Default | Description |
|---|---|---|---|
| onPress | Callback | Required | Runs the button action. |
| intent | primary · secondary · quiet · danger | primary | Selects semantic emphasis. |
| size | sm · md · lg | md | Selects shared control height and padding. |
| loading | Boolean | false | Shows native progress and prevents activation. |
| disabled | Boolean | false | Controls native disabled state. |
| children | Native content | Required | Provides the visible button label. |
Native behavior
Use primary sparingly for the main action, secondary for alternatives, quiet for low-emphasis actions, and danger for destructive operations.
Disabled and loading buttons expose native state and cannot trigger their action. The visible label supplies the accessible name.
Shared component