Skip to Content
UI Components/Cupertino UI/Cupertino List Tile

Cupertino List Tile

iOS-style list tiles with leading, title, subtitle, and trailing slots

Framework

View in WebF Go

Download WebF Go to preview this component on devices and desktop.

Installation

Install
1npm install @openwebf/react-cupertino-ui

Usage

ListTile.tsx
1import {
2  FlutterCupertinoListTile,
3  FlutterCupertinoListTileAdditionalInfo,
4} from '@openwebf/react-cupertino-ui';
5
6export function ListTileExample() {
7  return (
8    <FlutterCupertinoListTile showChevron>
9      Wi-Fi
10      <FlutterCupertinoListTileAdditionalInfo>
11        HomeNetwork
12      </FlutterCupertinoListTileAdditionalInfo>
13    </FlutterCupertinoListTile>
14  );
15}

API Reference

Props (React)

NameTypeDefaultDescription
showChevronbooleanfalseShow the trailing chevron.
Full type definitions: npm package docs.