Pages

mint-ui

Basic information

README

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

A dropdown component.

On desktop it renders the given content around the given element using Ui.StickyPanel
On mobile it renders teh given content in a modal

States

width

Number

The width of the panel if matchWidth is true.

Properties

closeOnOutsideClick

Bool

false

Whether or not to trigger the close event when clicking outside of the panel.

content

Html

<{ }>

The content to show in the dropdown.

element

Html

<{ }>

The element which trigger the dropdown.

matchWidth

Bool

false

Whether or not to make the panel the same width as the element.

offset

Number

The offset from the side of the element.

onClick

Function(Html.Event, Promise(Never, Void))

Promise.never1

The click event handler.

onClose

Function(Promise(Never, Void))

Promise.never

The close event handler.

open

Bool

false

Whether or not the dropdown is open.

position

Ui.Position

Ui.Position::BottomLeft

The position of the panel.

zIndex

Number

The zIndex to use for the dropdown.

Functions

render

Html

Renders the dropdown.

updateDimensions

Promise(Never, Void)

Updates the dimensions of the panel if matchWidth is true.