sunweb

Booking message

widget booking messages

Definition


This widget represents a generic message to show multiple messages in different states.

Types


w-booking-message info

The info type shows the box with messages in a color scheme that informs the user about something without alarming him.

Handlebars

Information

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...

w-booking-message success

The success type shows the box with messages in a color scheme that informs the user about something without alarming him.

Handlebars

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...

w-booking-message warning

The warning type shows the box with messages in a color scheme that alerts the user about something.

Handlebars

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...

w-booking-message error

The error type shows the box with messages in a color scheme that alerts intensively the user about something.

Handlebars

Error

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Loading...

Javascript

Loading...

Multiple types


Handlebars

Information

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Warning

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Error

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
2. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Loading...

Javascript

Loading...