Definition
The booking box is used as a base of all the boxes that can be added inside the booking steps.
w-booking-box
React
Booking Box title
Modal title
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.
This is the content of the booking box. It 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.
Razor
Open in new tabLoading...
States
w-booking-box is-loading
The disabled state blocks the users interaction and modifies the appearance to let them know that the component is not useful at this moment.
React
Booking Box title loading
Modal title
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.
This is the content of the booking box. It is a placeholder when you can add any content that you want.
Razor
Open in new tabLoading...
w-booking-box is-unresolved
The unresolved state is used when options are not yet ready, and needs to be resolved asynchronously.
React
Booking Box title unresolved
Modal title
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.
This is the content of the booking box. It is a placeholder when you can add any content that you want.
Razor
Open in new tabLoading...