Infinite List

A List of items that can be updated when the Load Previous and Load More buttons are clicked.

Provided Aliases: $infiniteList

Example

<gb-infinite-list _props="{state}" layout="grid">
  <yield>
    <gb-product product="{item}"></gb-product>
  </yield>
</gb-infinite-list>

Property	Type	Description
`clickPrev()`	function	The `clickPrev` handler loads previous items.
`clickMore()`	function	The handler loads more items on click event.
`loaderLabel`	string	Label to display while items are being loaded
`isFetchingForward`	boolean	Indicates whether list is currently in the process of fetching the next items.
`isFetchingBackward`	boolean	Indicates whether list is currently in the process of fetching the previous items.
`loadMore`	boolean	Flag used to toggle the display of the load more button.
`prevExists`	boolean	The prop shows if we can load previous items.
`moreExists`	boolean	The prop show if items exist and allows to fetch more.

This component does not have any properties in state.

This component does not listen for any events.