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

Bulma.Components.Navbar

Bulma navbar component

root : List (Attribute msg) -> List (Html msg) -> Html msg
aItem : List (Attribute msg) -> List (Html msg) -> Html msg
aLink : List (Attribute msg) -> List (Html msg) -> Html msg
brand : List (Attribute msg) -> List (Html msg) -> Html msg
burger : List (Attribute msg) -> List (Html msg) -> Html msg
divItem : List (Attribute msg) -> List (Html msg) -> Html msg
divLink : List (Attribute msg) -> List (Html msg) -> Html msg
dropdown : List (Attribute msg) -> List (Html msg) -> Html msg
menu : List (Attribute msg) -> List (Html msg) -> Html msg
menuEnd : List (Attribute msg) -> List (Html msg) -> Html msg
menuStart : List (Attribute msg) -> List (Html msg) -> Html msg
module Bulma.Components.Navbar
    exposing
        ( root
        , aItem
        , aLink
        , brand
        , burger
        , divItem
        , divLink
        , dropdown
        , menu
        , menuEnd
        , menuStart
        )

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

@docs root, aItem, aLink, brand, burger, divItem, divLink, dropdown, menu, menuEnd, menuStart

-}

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


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


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


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


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


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


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


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


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


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


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


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