Load more

Append another group of entries when the user requests it.

Live preview Try the effect

Project 1Completed

Project 2Completed

Project 3Completed

Try the controls to understand this pattern.

This demo explains the pattern. Adapt the styling and dimensions to your project.

What it is

Append another group of entries when the user requests it. This example illustrates an admin interface. Describe the target, trigger and final state when adapting it to your project.

When to use

Long feeds and collections where users control loading.

Related concepts

Unlike infinite scrolling, load more requires an explicit action.

Describe this effect

Output language

Provide a load-more button below the list, append new entries without moving existing content and announce completion.

Generated from the parameters · Add to a plan to edit

References

Specification and implementation reference

Definitions are editorial. Common and descriptive names are not necessarily standardized terms.