When to use it
Use above a native section or collection. Keep actions compact and directly related to the section.
LayoutReact Native
Section header
Identify a native section with optional supporting copy, count, and trailing actions.
Native example
Use Section header
Use above a native section or collection. Keep actions compact and directly related to the section.
View verified React Native runtime capture
<LumenSectionHeader
title="Workspaces"
subtitle="Recently used"
count="4"
/>Reference
Public API
The primary shared and platform-specific options exposed by LumenSectionHeader.
| API | Values or type | Default | Description |
|---|---|---|---|
| title | string | Required | Names the section. |
| subtitle | string | undefined | Adds supporting context. |
| count | string | undefined | Shows an optional count badge. |
| actions | ReactNode | undefined | Provides trailing section actions. |
Native behavior
Design and accessibility
Accessibility
The section identity, optional count, and actions remain a contained group while actions preserve their own labels.
Shared component