This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.

Bulma.Components.Dropdown

Bulma dropdown component

root : List (Attribute msg) -> List (Html msg) -> Html msg
aItem : List (Attribute msg) -> List (Html msg) -> Html msg
content : List (Attribute msg) -> List (Html msg) -> Html msg
divItem : List (Attribute msg) -> List (Html msg) -> Html msg
divider : Html msg
menu : List (Attribute msg) -> List (Html msg) -> Html msg
trigger : List (Attribute msg) -> List (Html msg) -> Html msg
module Bulma.Components.Dropdown
    exposing
        ( root
        , aItem
        , content
        , divItem
        , divider
        , menu
        , trigger
        )

{-| [Bulma dropdown component](http://bulma.io/documentation/components/dropdown/)

@docs root, aItem, content, divItem, divider, menu, trigger

-}

import Bulma.Util exposing (bulmaNode)
import Html exposing (Html, Attribute, div)
import Html.Attributes exposing (class)


{-| [`<div class="dropdown">`](http://bulma.io/documentation/components/dropdown/)
-}
root : List (Attribute msg) -> List (Html msg) -> Html msg
root =
    bulmaNode div "dropdown"


{-| [`<a class="dropdown-item">`](http://bulma.io/documentation/components/dropdown/)
-}
aItem : List (Attribute msg) -> List (Html msg) -> Html msg
aItem =
    bulmaNode Html.a "dropdown-item"


{-| [`<a class="dropdown-content">`](http://bulma.io/documentation/components/dropdown/)
-}
content : List (Attribute msg) -> List (Html msg) -> Html msg
content =
    bulmaNode div "dropdown-content"


{-| [`<div class="dropdown-item">`](http://bulma.io/documentation/components/dropdown/)
-}
divItem : List (Attribute msg) -> List (Html msg) -> Html msg
divItem =
    bulmaNode div "dropdown-item"


{-| [`<hr class="dropdown-divider">`](http://bulma.io/documentation/components/dropdown/)
-}
divider : Html msg
divider =
    Html.hr [ class "dropdown-divider" ] []


{-| [`<div class="dropdown-menu">`](http://bulma.io/documentation/components/dropdown/)
-}
menu : List (Attribute msg) -> List (Html msg) -> Html msg
menu =
    bulmaNode div "dropdown-menu"


{-| [`<div class="dropdown-trigger">`](http://bulma.io/documentation/components/dropdown/)
-}
trigger : List (Attribute msg) -> List (Html msg) -> Html msg
trigger =
    bulmaNode div "dropdown-trigger"