DATA DISPLAY · 51 / 89

ListSection

ListSection — a Material You data display component for React Native and web.

󱀫

packages/ui/src/components/List/ListSection.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

Notifications

Email digest

Weekly

Mentions

Instant

Properties

2 controls

Title

Divider below

Usage

ListSection.tsx

<ListSection title="Notifications" />

Variants

The states and shapes this component is meant to be used in.

Grouped

Notifications

Email digest

Weekly

Mentions

Instant

Settings screen

Notifications

Email digest

Mentions

Advanced

Experimental features

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

4 on ListSectionProps

children

required

React.ReactNode

divider

boolean

default: false

Rule below the section, for a settings screen of stacked groups.

style

StyleProp<ViewStyle>

title

string

Group label rendered above the rows as a heading.