When to use it
Use a divider only when spacing and grouping are insufficient to communicate a boundary. Avoid creating dense grids of lines.
LayoutReact Native
Divider
Separate related native content with the shared semantic line role.
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 captured React Native example
<LumenDivider />Reference
Public API
The primary shared and platform-specific options exposed by LumenDivider.
| API | Values or type | Default | Description |
|---|---|---|---|
| style | Native layout API | — | Controls placement and length. |
| color | Semantic line role | line | Uses the generated divider color. |
Native behavior
Design and accessibility
Accessibility
The divider is decorative and is hidden from assistive technology.
Shared component