Graduation Experience Terms Archive
Figma Component: 22640-207978
Last modified with commit a4d1bec on
by Sara Deric.
The Graduation Experience Terms Archive component displays available graduation experience dates or terms. Shows schedule information with booking availability and pricing details.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display terms list | Shows available graduation experience terms in list or grid format with dates, availability status, and pricing. |
| system | Display term details | Each term shows date range, destination, availability status (available, limited, sold out), and price. |
| system | Show availability status | Terms display availability indicator. Sold out terms may be visually de-emphasized. |
| system | Sort terms automatically | Terms are automatically sorted by date order (chronological). |
| system | Price categories | 5 price categories are pre-defined in the system. |
| editor | Configure term display | Set sorting order and filtering options. Terms are automatically populated from booking system. |
| editor | Manage term availability | Manually input how sold out individual terms are (availability percentage). |
| editor | Configure CTA box | Manually enter CTA box content. Buttons in CTA box lead to content popover. |
| user | Select term | Click term to view details or proceed to booking. Shows hover state on available terms. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |