Product Booking Items Archive
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
The Product Booking Items Archive component displays a list or grid of available booking items for a product. Shows individual booking options with dates, availability, and selection controls.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display booking items | Shows available booking options in list or grid format with dates, availability status, and pricing. |
| system | Display item details | Each item shows date range, availability indicator (available, limited, sold out), price, and selection button or checkbox. |
| system | Show availability status | Items display availability indicator. Sold out items may be disabled or visually de-emphasized. |
| editor | Configure item display | Booking items are automatically populated from booking system. Display format and sorting options can be configured. |
| user | Select booking item | Click or check item to select for booking. Proceeds to booking form or cart. Shows hover state on available items. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |