Listing
Listing of cards and other content with multiple filters, search, and pagination, great for resource libraries or other content-heavy sections that need clear categorization and easy navigation. Set 1 to 4 columns. Supported content types include Team card, Content card, Cover card, Go card, and Rich text.
Live Preview| Use case | Filter and search content by category or keyword. |
| Page speed impact | The component itself has Low impact, but depending on the number and size of images, especially above the fold, it may have Medium or even High impact. Optimize images with TinyPNG or prefer vector images (SVG) when possible. |
| Available in pages | Yes |
| Reserved block class | listing |
| Relevant files | css/components/listing.cssjs/components/listing.js |