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

Bulma.Components.Level

Bulma level component

root : List (Attribute msg) -> List (Html msg) -> Html msg
aItem : List (Attribute msg) -> List (Html msg) -> Html msg
divItem : List (Attribute msg) -> List (Html msg) -> Html msg
left : List (Attribute msg) -> List (Html msg) -> Html msg
pItem : List (Attribute msg) -> List (Html msg) -> Html msg
right : List (Attribute msg) -> List (Html msg) -> Html msg
module Bulma.Components.Level
    exposing
        ( root
        , aItem
        , divItem
        , left
        , pItem
        , right
        )

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

@docs root, aItem, divItem, left, pItem, right

-}

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


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


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


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


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


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


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