Changes from V4:

• Remove dependence on Assets
• Adds keyboard support (escape key to exit, tabs contained within the modal)

These changes have required major API changes. Be sure to wire up subscriptions!

import Html.Styled exposing (..)
import Nri.Ui.Modal.V5 as Modal


view : Modal.State -> Html Msg
view state =
    Modal.info
        { title = { title = "Modal Header", visibleTitle = True }
        , wrapMsg = ModalMsg
        , content =
            \{ onlyFocusableElement } ->
                div []
                    [ Modal.viewContent [ text "Content goes here!" ]
                    , Modal.viewFooter
                        [ Modal.primaryButton DoSomething "Continue" onlyFocusableElement
                        , text "`onlyFocusableElement` will trap the focus on the 'Continue' button."
                        ]
                    ]
        }
        state


subscriptions : Modal.State -> Sub Msg
subscriptions state =
    Modal.subscriptions state

State and updates

Views

Modals

View containers

Buttons