Class

ResultList

ResultList(props) → {React.ReactElement}

Overview

The component consists of three elements: upper and bottom Pagination and a List between them. List and Pagination are components from Material-UI library with custom styling. For full documentation check out Material-UI docs on List and Pagination.

Usage

There are max 50 items per page. When there are less then 5 elements on a page, upper pagination is hidden.
Constructor

# new ResultList(props) → {React.ReactElement}

Parameters:
Name Type Attributes Description
props Object

Any other props will be forwarded to the List component.

children Array.<Object> <optional>

The content of the component.

children[].id number <optional>

The identifier of an item.

children[].header string <optional>

The content of the header inside ListItem.

children[].subheader string <optional>

The content of the subheader inside ListItem.

children[].multiContent Array.<Object> <optional>

An array of simple title-subtitle verses inside ListItem.

children[].multiContent.title number | string <optional>

The title of a verse inside ListItem.

children[].multiContent.subtitle number | string <optional>

The subtitle of a verse inside ListItem.

children[].caption number | string <optional>

The content of the caption inside ListItem.

children[].subcaption number | string <optional>

The content of the subcaption inside ListItem.

onItemSelected function <optional>

Callback fired when item from the list was selected.

View Source Utils/DataDisplay/ResultList/ResultList.js, line 44

React.ReactElement