Graduation Experience Terms Archive
Figma Component: 22640-207978
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 |  |