Represents the configuration of a Modal component. The Modal will trigger a "closed" Msg when the overlay is clicked. Is up to you to intercept and manage this Msg.

Creates a Modal.Config.

--
import Prima.Pyxis.Modal as Modal
import Html exposing (Html, p, text)


...


type Msg =
    ModalClosed


...


myModalConfig : Modal.Config
myModalConfig =
    let
        modalHeader : Modal.ModalHeader Msg
        modalHeader =
            Modal.defaultHeader "My modal title"


        modalFooter : Modal.ModalFooter Msg
        modalFooter =
            Modal.emptyFooter


        modalContent : List (Html Msg)
        modalContent =
            p [] [ text "Lorem ipsum dolor sit amet."]
    in
    Modal.config Modal.medium modalHeader  modalContent modalFooter ModalClosed

Represents the Modal size.

Creates a Small ModalSize

Creates a Medium ModalSize

Creates a Large ModalSize

Represents the Header configuration of a Modal.

Creates a Header config with a simple title.

Creates a Header config with custom Html content.

Represents the Footer configuration of a Modal.

Represents a Footer without content.

Represents a Footer with a list of Prima.Pyxis.Button instances. All the buttons will be wrapper in a btnGroup, so no more than 4 buttons are allowed.

Represents a Footer with custom Html content.

Renders the Modal by passing isVisible flag and a Modal.Config

--
import Prima.Pyxis.Modal as Modal
import Html exposing (Html, p, text)


...


type Msg =
    ModalClosed


...


myModalConfig : Modal.Config
myModalConfig =
    let
        modalHeader : Modal.ModalHeader Msg
        modalHeader =
            Modal.defaultHeader "My modal title"


        modalFooter : Modal.ModalFooter Msg
        modalFooter =
            Modal.emptyFooter


        modalContent : List (Html Msg)
        modalContent =
            p [] [ text "Lorem ipsum dolor sit amet."]
    in
    Modal.config Modal.medium modalHeader  modalContent modalFooter ModalClosed


renderModal : Html Msg
renderModal =
    let
        isVisible =
            True
    in
    Modal.view isVisible myModalConfig