Product Program
Figma Component: 21847-97918
GitHub Issue: #75
Last modified with commit afde6b2 on
by Aljaž.
The Product Program component displays detailed itinerary or schedule for an experience or trip. Shows day-by-day breakdown with activities, timings, and descriptions.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display program schedule | Shows day-by-day itinerary with fixed sequence - two rows of events, followed by artists, followed by venues. System provides predefined event tags (DAY PARTY, NIGHT PARTY, BOAT PARTY, CHILL, etc.) for editor selection. All cards open content popover with additional information, tag is passed to popover. Module can optionally include a legal text section at the bottom. |
| system | Display day content | Each day shows heading, list of activities with times (when present), and descriptions. |
| editor | Add program | Editor can add a title and image for each card under the correct category. For events, the editor chooses from predefined tags (e.g., DAY PARTY, NIGHT PARTY, BOAT PARTY, CHILL). The editor can also toggle whether the activity is included in the basic arrangement. Days and activities can be reordered. |
| editor | Add legal text | Module can optionally include a legal text section at the bottom. |
| user | View program | User can click on each card to open a content popover with additional information. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |