LayoutReact Native

Button group

Lay out a small set of related native actions horizontally or vertically.

Public APILumenButtonGroupReact Native

Native example

Use Button group

Use for a small set of related actions. Do not use it for single selection; use Segmented control or Radio group instead.

View verified React Native runtime capture

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

<LumenButtonGroup>
  <LumenButton onPress={save}>Save</LumenButton>
  <LumenButton intent="secondary" onPress={cancel}>Cancel</LumenButton>
</LumenButtonGroup>

Reference

Public API

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

API	Values or type	Default	Description
orientation	`horizontal · vertical`	`horizontal`	Controls action layout.
content	`Native buttons`	`Required`	Provides independently operable actions.

Native behavior

Design and accessibility

When to use it

Use for a small set of related actions. Do not use it for single selection; use Segmented control or Radio group instead.

Accessibility

The group contains each native button without combining action names or changing activation behavior.

Shared component

Available on other platforms

Apple / SwiftUI Android / Compose