> For the complete documentation index, see [llms.txt](https://theoremui.gitbook.io/react-store-ui-template/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://theoremui.gitbook.io/react-store-ui-template/ui/list-items.md).
# List Items
React Native Store UI template some components to render different kinds to list view item which are developed after considering some UI/UX case for store applications.
### ListItem
**Sample**
```jsx
}
onPress={() => console.log('do something ...')}
>
Edit Profile
}
onPress={() => console.log('do something ...')}
>
Transaction History
}
onPress={() => console.log('do something ...')}
>
Login
```
| **Props** | Required | Type |
| --------- | -------- | --------- |
| icon | No | Component |
| onPress | Yes | Callback |
**Output**
### SimpleListItem
**Sample**
```jsx
this.props.navigation.navigate('OrderDetail', {order: item})}>
Order # SO-10003
2019/12/12
$1000
Cancelled
```
| **Props** | Required | Type |
| --------- | -------- | -------- |
| onPress | Yes | Callback |
**Output**
### **SelectableList**
**Sample**
```jsx
this.setState(
{selectedFilters:
{
...this.state.selectedFilters,
...{color: item.id}
}
}
)}
isSelected={(item) => this.state.selectedFilters.color == item.id}
items={sample_data.filters.colors}
/>
```
| **Props** | Required | Type |
| ---------- | -------- | -------- |
| onSelect | Yes | Function |
| isSelected | Yes | Function |
| items | Yes | Array |
**Output**
