for more information visit the package's GitHub page
Package contains the following modules:
elm-dropdown
offers a flexible component which can serve as a foundation for custom dropdowns, select-inputs, popovers, and more.
tab
, esc
).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