Listing Listing icon

Act3 Listing preview

Use case:
Multi-filterable and searchable list of cards, great for your resources library or where the content is abundant and requires organizing in categories that are easy to navigate through for users.
Page speed impact:
The component itself has a low impact, but depending on the number and size of the images, especially in the above the fold, may have a medium or even high impact.
Use TinyPNG to optimize your images as best as possible without losing in quality, or consider using vector images (SVG) whenever possible, which are usually very little in size compared to JPG or PNG files.
Available in pages:
Yes
Reserved block class:
listing
Resources:
css/components/search-box.css if search is enabled
css/components/drop-down.css
css/components/listing.css
js/components/drop-down.js
js/components/list.js
js/components/listing.js
If Card type is Team card:
css/components/team-card.css
If Card type is Content card:
css/components/content-card.css
js/components/content-card.js
If Card type is Cover card:
css/components/cover-card.css
If Card type is Rich text:
css/components/listing-rich-text.css

We're working on completing this documentation page. It will be available shortly. Stay tuned!

Meanwhile feel free to drop us a line if you have a question. Please also consult our Support policy.

Coming soon