Element Listing
Overview
When to use
The element-listing is used to list elements like cards or teaser-promo in a grid.
When to consider an alternative
If you want to build complex layout with different column sizes. Use grid instead.
Component
Default
One column
The one column variant can be used to display elements like the promo-teaser or informal-teaser. .snx-element-listing--col-1
Three columns
The three column variant can be used to display elements like the promo-teaser or cards. .snx-element-listing--col-3
Properties
| Property | Type | Required | Default |
|---|---|---|---|
| col1 | Bool | false | - |
| col3 | Bool | false | - |
| masonry | Bool | false | - |
| utilClassNames | String | false | - |