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!

Default!

This is an unclosable default alert message!

Default!

This is an unclosable default alert message!

Default!

This is an unclosable default alert message!

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...