PF6.Dropdown

PF6 Dropdown component

Dropdowns present a list of actions or links in a constrained space.

See: https://www.patternfly.org/components/menus/dropdown

Definition

type DropdownItem msg

A dropdown menu item

Constructor

dropdown :

{ toggleLabel : String

, isOpen : Bool

, onToggle : Bool -> msg

, items : List (DropdownItem msg)

}

-> Dropdown msg

Construct a Dropdown

dropdown
    { toggleLabel = "Actions"
    , isOpen = model.dropdownOpen
    , onToggle = DropdownToggled
    , items = [ dropdownItem "Edit" Edited, dropdownItem "Delete" Deleted ]
    }

Item constructors

dropdownItem : String -> msg -> DropdownItem msg

Construct a dropdown action item

dropdownDivider : DropdownItem msg

Dropdown section divider

dropdownHeader : String -> DropdownItem msg

Dropdown section header (non-interactive)

Toggle modifiers

withText : String -> Dropdown msg -> Dropdown msg

Set toggle label text

withIcon : Element msg -> Dropdown msg -> Dropdown msg

Add an icon to the toggle

withPlain : Dropdown msg -> Dropdown msg

Plain toggle (no border/background)

withDisabledToggle : Dropdown msg -> Dropdown msg

Disable the toggle button

Position modifiers

withAlignment : Dropdown msg -> Dropdown msg

Align menu to the right

withUp : Dropdown msg -> Dropdown msg

Open menu upward instead of downward

Rendering

toMarkup : Theme -> Dropdown msg -> Element msg

Render the Dropdown as an Element msg

lenards/elm-ui-patternfly/4.0.2