Product Booking Offer
Figma Component: tbd
Last modified with commit 74094e5 on
by Martin Jagodic.
The Product Booking Offer component displays pricing and booking options for a product or experience. Shows package options with pricing, inclusions, and booking buttons.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display booking options | Shows available booking packages or pricing tiers with features and pricing information. |
| system | Display package details | Each package shows name, price, inclusions list, and booking button. |
| editor | Configure booking packages | Each package requires name, price, inclusions list, and booking button URL. Packages can be reordered. Optional featured package highlighting. |
| user | Select package | Click booking button to proceed with selected package. Button shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |
Layout ()
| Value | Example |
|---|---|
| Collegium | |
| Mondial |  |