Render the Intl Phone Input element as part of your view function.

type alias model =
    { phoneNumberstate : IntlPhoneInput.State
    , phoneNumber : IntlPhoneInput.Type.PhoneNumber
    }


type Msg
    = PhoneNumberChanged IntlPhoneInput.State PhoneNumber (Cmd Msg)


view : Model -> Html Msg
view model =
    IntlPhoneInput.input
        (IntlPhoneInput.Config.defaultConfig PhoneNumberChanged)
        model.phoneNumberstate
        model.phoneNumber

Render the Intl Phone Input element as part of your view function with some custom attributes to the phone number field.

type alias model =
    { phoneNumberstate : IntlPhoneInput.State
    , phoneNumber : IntlPhoneInput.Type.PhoneNumber
    }


type Msg
    = PhoneNumberChanged IntlPhoneInput.State PhoneNumber (Cmd Msg)


view : Model -> Html Msg
view model =
    IntlPhoneInput.input
        [ Html.Attributes.class "MyPhoneInput" ]
        (IntlPhoneInput.Config.defaultConfig PhoneNumberChanged)
        model.phoneNumberstate
        model.phoneNumber

Internal state of the Intl Phone Input element.

The initial state of the Intl Phone Input element