Skip to main content

List Item

Lists are continuous, vertical indexes of text or images.

💬 Feedback 🎨 Material Design

Import

import { ListItem } from "@react-native-material/core";

Usage

Lists are a continuous group of text or images. They are composed of items containing primary and supplemental actions, which are represented by icons and text.

Basic List

Secondary Text

Avatar

Props

title

Type: string;

Optional: Yes


secondaryText

Type: string;

Optional: Yes


overline

Type: string;

Optional: Yes


meta

Type: string;

Optional: Yes


leadingMode

Type: "icon" | "avatar" | "image";

Optional: Yes


leading

Type: React.ReactElement;

Optional: Yes


trailing

Type: React.ReactElement | ((props: { color: string; size: number }) => React.ReactElement | null) | null;

Optional: Yes


...SurfaceProps, ...PressableProps