Styleguide Navigation

LoadMore

Examples

  1. Default
  2. Variant Filter

Default

"LoadMore" link takes a few parameters:

href

The page to load from – should work normally if JS is turned off or user opens in a new tab.

data-target

Selector for the list container to be updated. (usually a "ul" or "ol")

data-source (optional)

Selector for the list container from which to get the new items. (by default equals the data-target)

data-update (optional)

A comma separated list of selectors of elements to be updated with the loaded page. Usually this is the "load more" link itself, because it will point to another page.

Variant Filter

"LoadMore" link takes a few parameters:

href

The page to load from – should work normally if JS is turned off or user opens in a new tab.

data-target

Selector for the list container to be updated. (usually a "ul" or "ol")

data-source (optional)

Selector for the list container from which to get the new items. (by default equals the data-target)

data-update (optional)

A comma separated list of selectors of elements to be updated with the loaded page. Usually this is the "load more" link itself, because it will point to another page.