Try Install Learn Blog API Packages GitHub

Pages

mint-ui

Search

Basic information

Source on GitHub

Entities

Versions

2.1.0 2.0.0 1.6.0 1.5.0 1.4.0 1.3.0 1.2.0 1.1.0 1.0.0 0.0.13 0.0.12 0.0.11 0.0.10 0.0.9 0.0.8 0.0.7

Dependencies

mint-color 0.0.0 <= v < 1.0.0

Ui.Modal

A generic global modal component.

Some of it's features:

When open pressing Esc closes it.
After opened it will focus the first focusable item (which usually is the close icon).
Showing the component returns a promise which is resolved when its closed or rejected when cancelled.
The keyboard focus is trapped in the list: Tab and Shift-Tab cycles focusable elements.
When closed the focus is returned to the last focused element before opening (which is usally the one that opened the modal).

States

:

Html

=

<></>

The content of the modal.

:

Maybe(Dom.Element)

=

Maybe::Nothing

The previously focused element.

:

Bool

=

false

Whether or not the modal is open.

:

Function(Ui.Modal.Cancelled, Void)

=

(error : Ui.Modal.Cancelled) { void }

The reject function.

:

Function(Void, Void)

=

(value : Void) { void }

The resolve function.

transitionDuration

:

Number

=

240

The transition duration.

:

Number

=

900

The z-index of the modal.

Functions

:

Promise(Never, Void)

Cancels the modal.

:

Promise(Never, Void)

Hides the modal.

:

Html

Renders the modal.

(

content

:

Html

)

:

Promise(Ui.Modal.Cancelled, Void)

Shows the component with the given content.

showWithOptions

(

content

:

Html

zIndex

:

Number

transitionDuration

:

Number

openCallback

:

Function(Promise(Never, Void))

)

:

Promise(Ui.Modal.Cancelled, Void)

Shows the component with the given content and z-index.