sunweb

Absolute Dialog

component dialog banner emergency message

Definition


An absolute dialog is a container to show message that are fixed to the viewport. It is normally used for alert messages, showing legal information...

c-absolute-dialog

This shows a default absolute dialog (if no alert type defined)

Handlebars

Default!

This is an unclosable default alert message!

Loading...

Modifiers


c-absolute-dialog > c-absolute-dialog--toast

This shows a toast dialog, which changes the look and feel of the component

Handlebars

This is a toast, titleless alert message!

Loading...

c-absolute-dialog > c-absolute-dialog--closable

The component has an option that makes it closable for the user.

Handlebars

This is a toast, titleless alert message!

Loading...

c-absolute-dialog > c-absolute-dialog--toast [alertType = success]

Absolute dialog also support closing icon and different states (success, warning, info or danger)

Handlebars

Success message!

This is a toast, closable and success alert message

Loading...