<ListTitle />

Title element for lists. Usually comes before ons-list component.



To render a list the List component is used. The items in the list are rendered using the renderRow prop and the data for the row is specified using the dataSource prop.

The list items are created using the ListItem component.

  renderRow={(row) => <ListItem>{row}</ListItem>}

There are also two props called renderHeader and renderFooter that can be used to render an element at the top or bottom of the list. The ListHeader component can be used to render a header.

  renderHeader={() => <ListHeader>Stuff</ListHeader>}


Name Type Description
modifier string Specify modifier name to specify custom styles. Optional. Optional.

Preset Modifiers

Name Description
material Display a Material Design list title.


Need Help?

If you have any questions, use our Community Forum or talk to us via Gitter chat. The Onsen UI team and your peers in the community will work together to help solve your issues.

For bug reports and feature requests use our GitHub Issues page.