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"