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

Bulma.Components.Modal

Bulma modal component

root : List (Attribute msg) -> List (Html msg) -> Html msg
background : List (Attribute msg) -> List (Html msg) -> Html msg
card : List (Attribute msg) -> List (Html msg) -> Html msg
cardBody : List (Attribute msg) -> List (Html msg) -> Html msg
cardFoot : List (Attribute msg) -> List (Html msg) -> Html msg
cardHead : List (Attribute msg) -> List (Html msg) -> Html msg
cardTitle : List (Attribute msg) -> List (Html msg) -> Html msg
close : List (Attribute msg) -> List (Html msg) -> Html msg
content : List (Attribute msg) -> List (Html msg) -> Html msg
module Bulma.Components.Modal
    exposing
        ( root
        , background
        , card
        , cardBody
        , cardFoot
        , cardHead
        , cardTitle
        , close
        , content
        )

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

@docs root, background, card, cardBody, cardFoot, cardHead, cardTitle, close, content

-}

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


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


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


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


{-| [`<section class="modal-card-body">`](http://bulma.io/documentation/components/modal/)
-}
cardBody : List (Attribute msg) -> List (Html msg) -> Html msg
cardBody =
    bulmaNode Html.section "modal-card-body"


{-| [`<footer class="modal-card-foot">`](http://bulma.io/documentation/components/modal/)
-}
cardFoot : List (Attribute msg) -> List (Html msg) -> Html msg
cardFoot =
    bulmaNode Html.footer "modal-card-foot"


{-| [`<header class="modal-card-head">`](http://bulma.io/documentation/components/modal/)
-}
cardHead : List (Attribute msg) -> List (Html msg) -> Html msg
cardHead =
    bulmaNode Html.header "modal-card-head"


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


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


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