Lorem ipsum dolor sit amet consectetur. Lacus malesuada at interdum non semper. Enim dolor praesent cursus dignissim. Sed bibendum dolor hendrerit fames nibh sit erat. Suspendisse rhoncus tristique amet in vel vestibulum. Justo sed elementum ultrices viverra tempor pellentesque. Eget amet vivamus mi integer sed suscipit duis. Sed amet viverra in mi vel facilisis. Morbi ultricies suspendisse interdum orci risus eu aenean pulvinar suspendisse. At pellentesque sed sed ac facilisis purus mattis arcu a. Nulla quam turpis nunc elit viverra aliquet etiam suscipit. Ipsum dictumst tincidunt lacus aliquam sed. Sollicitudin ut eu duis enim donec sed cursus. At placerat facilisi faucibus faucibus. Et integer sem habitant bibendum nulla vitae sit porttitor.

Massa velit arcu volutpat cras posuere at. Id semper scelerisque nisl feugiat elit bibendum at. Non eget sit aliquam orci. Augue ipsum amet amet interdum enim in. Nunc donec aliquam sit facilisis. Quis dolor enim magna posuere rhoncus vel. Arcu nunc sit quam fusce cursus vulputate egestas in. Enim viverra gravida iaculis in consequat pretium elit risus sed. Sed id pulvinar magna sem. Egestas tortor massa orci pulvinar in scelerisque posuere. Non pellentesque etiam viverra lorem feugiat. Duis blandit egestas natoque consectetur duis aliquam adipiscing interdum.

Viverra feugiat massa ac integer sed semper amet facilisis tincidunt. Diam nibh id sagittis ut aliquet donec. Quis aenean felis pharetra cras sagittis et libero. Tincidunt tincidunt nunc aliquam lobortis sed cursus aliquam faucibus. Suspendisse pharetra aliquet vestibulum mattis eget molestie quam. Viverra dui luctus phasellus nec in venenatis volutpat. Etiam lacus tellus praesent duis ipsum. Duis et fermentum nulla non pulvinar at pretium. Et quam eget sapien sed nisl tincidunt vitae sit. Purus bibendum tellus pellentesque volutpat quis nec nam. Vulputate feugiat molestie posuere porttitor aliquet interdum tincidunt sit turpis. Lacus elementum massa sit massa amet tortor sed ipsum nec.

A tempor convallis sed ut egestas. Accumsan cursus ut egestas odio ut porta euismod vitae. Et eget nascetur vestibulum fringilla. Fermentum odio ornare et ultricies ut pretium est. Placerat tortor risus arcu ut diam egestas. Volutpat libero condimentum semper a auctor faucibus cursus tempus. Ut dictum est sem velit.

Photographer: Ginny Rose Stewart

• Id enim maecenas posuere pellentesque sagittis quis eget cras eget. Vivamus massa faucibus pharetra egestas mattis scelerisque.

• Tellus integer lorem nec egestas sagittis ipsum posuere mauris bibendum.

• In id egestas ornare fermentum ac enim dui congue felis. Tortor augue urna lacus dignissim ultrices vel eget leo cursus.

• Vivamus sapien molestie sit ipsum at vitae et morbi. Rhoncus malesuada nunc orci consectetur. Sed eget id turpis varius ullamcorper bibendum. Duis id dictum gravida commodo hendrerit dictum.

Lorem ipsum dolor sit amet consectetur.

Eleifend ut nunc aenean at duis. Ultrices fusce libero etiam orci convallis blandit ipsum morbi. Morbi ornare vitae tristique mattis et. Massa mattis at adipiscing habitant dictumst risus. Semper orci vitae tincidunt non etiam. Rhoncus morbi sit iaculis eu tortor fermentum blandit amet. Massa orci adipiscing tincidunt cras ut. Nunc semper venenatis condimentum diam consectetur dui feugiat ac. Nulla ultrices a faucibus morbi lobortis mi. Ultricies mattis ut est aliquam nunc a non enim. Diam tristique laoreet id purus massa nunc aliquam proin sollicitudin. A nulla quam massa mauris neque nisl gravida commodo vitae. Nisl fusce fringilla faucibus lobortis.
Porta cursus eget neque egestas lacus. Tempor scelerisque viverra gravida eu donec nulla. Ac mattis enim porttitor sagittis ultricies pretium enim purus. Sit eu nisi malesuada bibendum non molestie eget eu. Vivamus turpis et ut habitant euismod non volutpat commodo. Rutrum aliquam arcu et lorem purus. Rhoncus sit faucibus lacus tristique. Gravida lectus tristique nunc tortor ut arcu. Nunc aliquam purus curabitur sed eros mauris nunc posuere diam. Integer sapien massa nec in pharetra dolor nibh. Sit porttitor pharetra vitae magna tincidunt integer quis egestas vestibulum.
Imperdiet maecenas vitae cras lectus amet ultrices odio. Tristique lectus adipiscing porttitor vitae nascetur. Facilisi arcu et nisl egestas urna elit. Mauris tristique quis scelerisque faucibus at nam. In sed quis turpis fermentum et sit at a tristique. Cursus platea purus condimentum eget neque est sit. Tortor scelerisque sit gravida montes. Viverra quam porttitor nunc vestibulum nisi vitae ornare. Mi vitae pellentesque pellentesque id etiam. At enim sollicitudin lectus amet leo. Rutrum eros fames nibh tellus cras sapien massa platea fringilla.

To add Pagination, select your Collection List, click on Pagination, select one of the two options, then pick how many items to load. Pagination also works with existing Limits and Start Offsets. Both the Spinner and Button are completely customizable, and you can pick any Variant for their Loading states. The Spinner itself is just a layer with a conic gradient and a Loop Effect, so you get full control. Adding Pagination helps make your blogs and changelogs much faster to load, especially when they contain dozens of items.

• Infinite Scrolling with custom Spinner component

• Load More Button with custom Button component

• Enjoy freeform positioning of both components

• Design your own Loading and Hidden states

• Make your CMS Pages much faster to load

Filtering

We've added the ability to filter your collection lists in the CMS. This allows you to keep your content in a single collection, yet customize how that collection is presented on each of your web pages. For example, if you're creating docs for your app, you might want to filter articles per topic on your homepage. Or when creating a blog, you might want to filter your blog posts per category.

You can choose to set up different types of input fields depending on your content. For instance, a blog might have a title, a slug, and a long-form field for formatted content. These may be different for a product directory or a photo blog, where you may need to add an image field. To edit the fields each CMS item will have, click on any of the column titles. This will trigger a modal to add new fields, where you can also re-arrange the fields or modify or delete the existing ones.

Adding Content to the Canvas

After setting up the content, go back to the canvas. Your collections are accessible from the Insert menu. Open the Insert menu, navigate to the CMS Content section, and drag and drop your collection onto the canvas. This will add a special stack with layers connected to your data. From here, you can edit the visual properties on the right, just as you would do with a regular Stack.

Add a Page with Content

If you wish to add a page instead that will automatically be populated with data from the CMS, navigate to the left panel. One you are in the Pages tab, click on the + button next to the CMS section. If you add the Index page, a page will be added with a list of all of the items in your collection. If you add the Detail page, you will be presented with a page with content from your individual items.

Note: If you chose to add the sample data, a new detail page called /blog will be added to your website, and you will find the stack of content added into the page for you.

The detail page will display content pulled from the first entry of the collection by default. In order to preview other items in the collection, change the content by selecting a different item from the dropdown menu.