Components

List

Settings-style rows with leading icon, title, description, and trailing slots sized for touch.

Source Registry

Tap to show a QR code for the Expo showcase deep link. The web preview below runs in the browser.

Installation

Install the registry item directly, then add any package dependencies if you are setting the component up manually.

Install the component

Run the registry command below to add list to your project.

watermelon add list

Import the component

Import List from your local UI registry output.

Import

import { List } from "@/components/ui/list";

Import

import {
List,
ListItem,
ListItemContent,
ListItemDescription,
ListItemIcon,
ListItemTitle,
ListItemTrailing,
} from "@/components/ui/list";

Usage

Compose rows with ListItem (pressable by default) or pressable={false} for static detail rows. Aim for at least ~52pt row height for comfortable tapping.

prop	type	default	description
pressable	boolean	true	When false, renders a non-interactive row.

PreviousLabel

NextOTP Input