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