ListItem

Install

npx stylesheet-ui add list-item

Usage

import { ListItem } from "@/components/ui/list-item";
import { Avatar } from "@/components/ui/avatar";
import { Badge } from "@/components/ui/badge";

<ListItem
  title="Inbox"
  subtitle="4 unread messages"
  right={<Badge size="sm">4</Badge>}
/>

<ListItem
  title="Ada Lovelace"
  subtitle="ada@example.com"
  left={<Avatar name="Ada Lovelace" />}
  onPress={() => {}}
/>