# ListSection

This is how this component looks once it's rendered in the screen:

![](https://1833611728-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Ln2pjFrP3CFK6Qu7yln%2F-LnDDLa4Kss5a_vaYQXl%2F-LnDDqW8F_7rVUztTrt3%2Flistsection.png?alt=media\&token=c2ad22c6-233f-4198-83e1-98f8e3cecd88)

### Props

| Prop                   | Type           | Default |
| ---------------------- | -------------- | ------- |
| `title`                | string         | -       |
| `subtitle`             | string         | -       |
| `listItems`            | array          | -       |
| `renderItem`           | function       | -       |
| `itemWidth`            | number         | 0       |
| `pagingEnabled`        | boolean        | false   |
| `listHeaderSpacing`    | number         | -       |
| `listFooterSpacing`    | number         | -       |
| `listSeparatorSpacing` | number         | -       |
| `titleColor`           | string (color) | #0a2549 |
| `subtitleColor`        | string (color) | #0a2549 |
