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 captured React Native example

Button group rendered in the Expo web renderer Lumen playground — Captured exampleExpo 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	Prefers horizontal or vertical actions. Horizontal groups wrap or stack when space or accessibility text requires it.
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