Back to React Native Paper

ListSection

docs/public/1.0/list-section.html

5.15.1749 B
Original Source

ListSection

ListSection groups items, usually ListItem.

Usage

js
import * as React from 'react';
import { ListSection, ListItem } from 'react-native-paper';

export default class MyComponent extends React.Component {
  render() {
    return (
      <ListSection title="Some title">
        <ListItem
          title="First Item"
          icon="folder"
       />
        <ListItem
          title="Second Item"
          icon="folder"
       />
     </ListSection>
    );
  }
}

Props

title Type: string

Title text for the section.

children (required) Type: React.Node

Content of the section.

theme Type: Theme

style Type: any