Changes from V5:

• Removes button helpers, now that we can use Nri.Ui.Button.V9 directly

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

import Html.Styled exposing (..)
import Nri.Ui.Button.V10 as Button
import Nri.Ui.Modal.V6 as Modal


type Msg
    = ModalMsg Modal.Msg
    | DoSomthing


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


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


view init
--> text ""  -- a closed modal

State and updates

Views

Modals

View containers

X icon