Definition
The booking item is used as a base of all the items that can be added inside the booking steps.
w-booking-item
Handlebars
This is the content of the booking item. Is a placeholder when you can add any content that you want.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Razor
Open in new tabLoading...
States
w-booking-item is-loading
The widget has a "is-loading" state that reduces the opacity and blocks the user interaction within.
Handlebars
This is the content of the booking item (is loading). Is a placeholder when you can add any content that you want.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Razor
Open in new tabLoading...
w-booking-item is-unresolved
The unresolved state is used when options are not yet ready, and needs to be resolved asynchronously.
Handlebars
This is the content of the booking item (unresolved). Is a placeholder when you can add any content that you want.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Razor
Open in new tabLoading...