JeremyBellows / elm-bootstrapify / Bootstrap.Navbar

Functions for generating Bootstrap navbar elements

Navbar


type NavbarType
    = DefaultNavbar
    | InverseNavbar
    | FormNavbar

Different types of Navbar styles

navbar : NavbarType -> List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a navbar html element

navbar DefaultNavbar [] []

navbarHeader : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a navbar header html element

navbarHeader [] []

navbarBrand : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a navbarBrand html element

navbarBrand [] []

navbarCollapse : List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a collapse div for navbar lists

navbarCollapse [ id "collapseMe" ]
    [ navbarList (NavbarPills PillsStacked)
        NavbarRight
        []
        [ li []
            [ a []
                [ text "One"
                ]
            ]
        ]
    ]

navbarHamburger : String -> Html msg

Generates a collapse breadcrumb button for navbar lists. Parameter is for css selector depicting collapsable target

navbarHamburger "#collapseMe"

Navbar List


type NavbarListAdjustment
    = NavbarDefault
    | NavbarRight
    | NavbarLeft
    | NavbarJustified

A set of options for adjusting a navbar list


type NavbarPillsOptions
    = PillsNotStacked
    | PillsStacked

Option for Navbar Pills


type NavbarOptions
    = NavbarNav
    | NavbarTabs
    | NavbarPills NavbarPillsOptions

A set of Navbar Options

navbarList : NavbarOptions -> NavbarListAdjustment -> List (Html.Attribute msg) -> List (Html msg) -> Html msg

Generates a navbarList html element

navbarList (NavbarPills PillsStacked)
    NavbarRight
    []
    []