Badge list
Badge list (type: badge_list, display name “Badges”) is a container component holding multiple Badge children with unified layout and styling.
Image: storefront badge list rendering (multiple badges)
Container layout
Section titled “Container layout”- Direction — Horizontal / Vertical
- Justify — Start / Center / End / Space between / Space around
- For column direction also: cross-axis align — Left / Center / Right / Stretch
- Gap — child spacing 0–80
Image (collapsible section)
Section titled “Image (collapsible section)”Unifies all child badges’ image params:
- Desktop icon size / Mobile icon size — 10–200
- Desktop gap / Mobile gap — 0–100
Title (collapsible)
Section titled “Title (collapsible)”- Desktop font size / Mobile font size
- Color
Subtitle (collapsible)
Section titled “Subtitle (collapsible)”- Desktop font size / Mobile font size
- Color
Card mode (toggle on)
Section titled “Card mode (toggle on)”“Wrap each child in a card”:
- Card background
- Card border: color / opacity / width
- Card radius
- Card padding
- Hover animation
- Spacing — responsive Padding / Margin
Image: Badge list editor sections
Children
Section titled “Children”Child editing: see Badge.