Collection list
A collection list is an element that repeats one design for each item of a content collection, such as cards for the latest blog posts, filtered, sorted and limited as you choose.
Updated
On this page
What it is
Lists are how collections reach the rest of a site: the newest three posts on the home page, every team member on the about page, related products under a product. The list holds one item design; the content decides how many show.
A good list also says what happens when nothing matches, with an empty state, and links each item to its own page.
In Xodia
The Add panel's CMS category adds a Collection List of any Xodia collection, already bound to its first fields. Its settings choose the collection, filters, sort, limit and offset, pages with Previous and Next, drafts in the preview and an empty state.
In your code it is a CollectionList component from the CMS kit, plain JSX you and your AI can read. Lists inside an item can show referenced items, such as a post's author.
Read more
Related terms
- Field bindingField binding connects an element on a page, such as a heading, image or link, to a field of a content item, so the element shows that item's value instead of fixed text.
- Collection pageA collection page is one page design that shows every item of a CMS collection, each at its own address, such as /blog/my-first-post for each post in a blog.
- Reference fieldA reference field links a content item to an item in another collection, such as a blog post to its author, so shared details are kept in one place.