Class

ResultListItem

ResultListItem(props) → {React.ReactElement}

Constructor

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

Overview

The ListItem component from Material-UI library with custom styling. For full documentation check out Material-UI docs on ListItem.

Goal

The goal of this component is to display results from server in an organized fashion. There is a header as well as a caption. Between them there is a place for multiple verses that consists of a title and subtitle. Header is made of header itself and a subheader. Caption is made of caption itself and a subcaption.
Parameters:
Name Type Attributes Description
props Object

Any other props will be forwarded to the ListItem component.

object Object

An entity to be displayed inside the ListItem.

object.id number

The identifier of an item.

object.header number | string <optional>

The content of the header inside ListItem.

object.subheader number | string <optional>

The content of the subheader inside ListItem.

object.multiContent Array.<Object> <optional>

An array of simple title-subtitle verses inside ListItem.

object.multiContent.title number | string <optional>

The title of a verse inside ListItem.

object.multiContent.subtitle number | string <optional>

The subtitle of a verse inside ListItem.

object.caption number | string <optional>

The content of the caption inside ListItem.

object.subcaption number | string <optional>

The content of the subcaption inside ListItem.

View Source Utils/DataDisplay/ResultList/Elements/ResultListItem.js, line 74

React.ReactElement