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.5.0 <= v < 1.0.0

Ui.Drawer

A global drawer component.

Some of it's features:

When open pressing Esc closes it.
After opening it will focus the first focusable item.
Showing it 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 drawer).

States

:

Html

=

<></>

The content of the drawer.

:

Maybe(Dom.Element)

=

Maybe::Nothing

The previously focused element.

:

String

=

"0"

The minimum width of the drawer.

:

Bool

=

false

Whether or not the drawer is open.

:

Function(Ui.Drawer.Cancelled, Void)

=

(error : Ui.Drawer.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 drawer.

Functions

:

Promise(Never, Void)

Cancels the drawer.

:

Promise(Never, Void)

Hides the drawer.

:

Html

Renders the drawer.

(

content

:

Html

)

:

Promise(Ui.Drawer.Cancelled, Void)

Shows the component with the given content.

showWithOptions

(

content

:

Html

zIndex

:

Number

transitionDuration

:

Number

minWidth

:

String

openCallback

:

Function(Promise(Never, Void))

)

:

Promise(Ui.Drawer.Cancelled, Void)

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