Definition
The collection row component is used to show a list of items with a picture to be an entry point for another page. The name is because was typically used to present collections on home pages. It can be used for this purpose or others as well.
By default it's displayed as row items, but they are expandable to actionable items with prominent image. The breakpoint where they expand can be configurable on certain cases.
c-collection-row
Handlebars
Razor
Open in new tabLoading...
Variants
c-collection-row tiledFrom@[breakpoint]
The tiledFrom property makes the items tiled from the specified breakpoint. The current breakpoints supported are: "xxs", "sml", "md".
c-collection-row tiledFrom@xxs
Handlebars
Razor
Open in new tabLoading...
c-collection-row tiledFrom@md
Handlebars
Razor
Open in new tabLoading...
c-collection-row expandedFrom@[breakpoint]
The expandedFrom property makes the items expanded from the specified breakpoint. The current breakpoints supported are: "xxs" (always expanded), "sml", "md".
c-collection-row expandedFrom@xxs
Handlebars
Razor
Open in new tabLoading...
c-collection-row expandedFrom@md
Handlebars
Razor
Open in new tabLoading...
Modifiers
c-collection-row neutral
The neutral property will only affect brands with themes/collections.