Bucket · Events

Listings

A component that enumerates a set of events (event[]). Self-contained multi-event listers sized for a 4C or 6C container. At full width the Block itself does the listing, so a full-width listing is a Block behaviour, not a component here.

Bucket: ListingsAxis: container spanGroups: 4C · 6CCardinality: plural · event[]
01

The Listings bucket

To design

A component that enumerates a set of events (event[]), plural cardinality. A self-contained multi-event lister sized for a sub-page container (4C or 6C): it carries its own enumeration because the block isn't arranging events at that width. The events inside it are Cards.

Full width is a Block, not a Listing
  • At full width the Block itself does the listing; it arranges Cards edge-to-edge across the page (feed, grid, pagination are the Block's job). That lives one tier up, in the Block (Page → Section → Block → Component → Element), not here.
  • This bucket is for the sub-page case: a 4C or 6C slot inside a block where a self-contained component must do its own listing.
02

Span groups

Grouped by container span, like Cards. To be designed: no listing components exist yet; the single-event objects we've built are Cards.

4C lister 4C

A self-contained component listing several events in a 4C slot (agenda / up-next / schedule rail).

To design

6C lister 6C

A self-contained multi-event component for a 6C slot.

To design
03

Settings

  • Feed. Which events the listing draws (the set it enumerates).
  • Placement. Where the listing sits.
  • Layout. Rows / grids. A setting, not a group; it doesn't mint a new component.
04

Spotlight

Parked
  • Spotlight is a feature of the Listing, not a state on the event; the listing emphasises a position (e.g. position 1 renders larger). Emphasis is owned by the listing.
  • It keeps a listing plural (a set with one member emphasised), so it does not collide with Banner. Develop later.
Events · Listings
The Listings bucket: plural, multi-event components for sub-page containers; the events inside are Cards. Full-width listing lives one tier up, in the Block. To be designed, no variants yet. Spotlight (parked) is a Listing feature, not a state on the event.