Skip to main content
161

Search Lumen

Find components, APIs, guides, and recipes.

GitHub
React Native docs
LayoutReact Native

Divider

Separate related native content with the shared semantic line role.

Public APILumenDividerReact Native

Native example

Use Divider

Use a divider only when spacing and grouping are insufficient to communicate a boundary. Avoid creating dense grids of lines.

View verified React Native runtime capture
Divider rendered in the Expo web renderer Lumen playground
Verified runtime captureExpo web renderer
tsx
<LumenDivider />

Reference

Public API

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

APIValues or typeDefaultDescription
styleNative layout APIControls placement and length.
colorSemantic line rolelineUses the generated divider color.

Native behavior

Design and accessibility

When to use it

Use a divider only when spacing and grouping are insufficient to communicate a boundary. Avoid creating dense grids of lines.

Accessibility

The divider is decorative and is hidden from assistive technology.

Shared component

Available on other platforms

Apple / SwiftUIAndroid / Compose
React Native docsNative primitives