Enlite PrimeEnlite Prime

dialog modal

Log In

dialog modal

You are here:app / ui /  dialog-modal

Modals

The modal component provides a solid foundation for creating dialogs, popovers, lightboxes, or whatever else.

src/app/containers/UiElements/demos/DialogModal/ModalDemo.js

Alerts

Alerts are urgent interruptions, requiring acknowledgement, that inform the user about a situation.

src/app/containers/UiElements/demos/DialogModal/AlertDialog.js

Selection Dialog

Choosing an option immediately commits the option and closes the menu.

Selected: user02@mail.com

src/app/containers/UiElements/demos/DialogModal/SelectDialog.js

Selection Radio Dialog

In this example, users can listen to multiple ringtones but only make a final selection upon touching OK.

    Interruptions
    Phone ringtone

    Dione

    Default notification ringtone

    Tethys

src/app/containers/UiElements/demos/DialogModal/SelectRadioDialog.js

Full Screen (Responsive)

You may make a Dialog responsively full screen the dialog using withMobileDialog. By default, withMobileDialog()(Dialog) responsively full screens at or below the sm screen size.

src/app/containers/UiElements/demos/DialogModal/FullScreenDialog.js

Scrolling Dialog

When dialogs become too long for the user’s viewport or device, they scroll.

src/app/containers/UiElements/demos/DialogModal/ScrollDialog.js