React Native Mantine › Typography
List
Ordered and unordered lists
Import: import { List } from 'react-native-mantine';
Usage
import { List } from 'react-native-mantine';
// Unordered list
<List>
<List.Item>First item</List.Item>
<List.Item>Second item</List.Item>
<List.Item>Third item</List.Item>
</List>
// Ordered list
<List type="ordered" listStyleType="decimal">
<List.Item>First item</List.Item>
<List.Item>Second item</List.Item>
<List.Item>Third item</List.Item>
</List>Props
| Prop | Type | Default | Description |
|---|---|---|---|
children | React.ReactNode | Item content, usually text but can be any React node | |
icon | React.ReactNode | Custom icon for this specific item (overrides list-level icon) | |
withTextWrapper | boolean | true | Controls whether children are automatically wrapped in a Text component |
style | ViewStyle | Additional styles to apply to the list item |