REACT-NATIVES

WIRED FOR SPEED

react-natives v2.1.2

Theme

Light

Dark

Get Started

Components

Data Display

List

A compound list component for displaying ordered or unordered items.

Example

Preview

Code

Props

List Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes to apply to the list container.

variant

'ordered' | 'unordered'

'unordered'

Whether to render numbered (ordered) or bulleted (unordered) items.

ListItem Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes for a list item.

ListItemText Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes for the list item primary text.

ListItemDescription Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes for the list item secondary text.

ListItemIcon Props

Prop

Type

Default

Description

className

string

—

NativeWind utility classes for the list item icon.

as *

React.ElementType

—

The icon component to render in the list item.

Usage Guidelines

When to use

Use List to display a series of related items in a structured vertical format.

Best practices

•

Use ordered lists for sequential steps and unordered for general collections.

•

Include ListItemIcon for visual interest and quick scanning.

•

Add ListItemDescription for secondary context below the primary text.

Accessibility

List renders with list semantics. Screen readers announce item count and position. Use meaningful text content for each item.

Related Components

Table

A compound table component for displaying structured tabular data.

A dropdown menu triggered by a button or other element.

Timeline

Displays a chronological sequence of events with dots and connectors.

React-Natives

A comprehensive React Native component library.

Documentation

Getting Started

Components

Theming

Community

GitHub

Discord

Twitter

Blog

Support

FAQ

Contact

Contributing

License