hercules-ci/elm-dropdown - version: 1.0.1

for more information visit the package's GitHub page

Package contains the following modules:

elm-dropdown

elm-dropdown offers a flexible component which can serve as a foundation for custom dropdowns, select-inputs, popovers, and more.

Features:

Example

Basic example of use:

init : Model
init =
    { myDropdown = False }


type alias Model =
    { myDropdown : Dropdown.State }


type Msg
    = ToggleDropdown Bool


update : Msg -> Model -> ( Model, Cmd Msg )
update msg model =
    case msg of
        ToggleDropdown newState ->
            ( { model | myDropdown = newState }, Cmd.none )


view : Model -> Html Msg
view model =
    div []
        [ dropdown
            div
            []
            [ toggle button [] [ text "Toggle" ]
            , drawer div
                []
                [ button [] [ text "Option 1" ]
                , button [] [ text "Option 2" ]
                , button [] [ text "Option 3" ]
                ]
            ]
            model.myDropdown
            myDropdownConfig
        ]


myDropdownConfig : Dropdown.Config Msg
myDropdownConfig =
    Dropdown.Config
        "myDropdown"
        OnClick
        (class "visible")
        ToggleDropdown