eliza

Modal V2

component js

Definition


Modals are flexible dialog prompts. They support completely custom content.

In order to see the correct logo for Razor, open the component in a new tab.

c-modal-v2 Static content

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Handlebars

Modal title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt dignissimos dolorem doloremque enim inventore laborum neque, non quaerat soluta? Architecto at cumque earum, eum ipsa ipsum maxime sunt vero voluptates.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus at atque consectetur cupiditate, debitis dignissimos dolorem eligendi est hic, ipsum iure nemo perspiciatis soluta! Beatae doloremque enim laudantium pariatur quasi.

Loading...

Javascript

Loading...

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content without title

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content asynchronous

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content with preheader

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...

Long text


Scroll bar will appear for the body of the modal to scroll only the content inside:

c-modal-v2 Static content with long text

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content asynchronous with long text

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...

Modifiers


Modifiers change the size of the modals:

c-modal-v2 Static content small size

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content large size

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content huge size

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...
c-modal-v2 Static content fix height

Handlebars

No Handlebars template available

As there's no consumer using HBS, it's considered not needed for now.

Enable development mode to check the available JS template.

Loading...

Javascript

Loading...