This record type holds all configuration of IntlPhoneInput.

Create the Config for your intlPhoneInput view function using the default configuration. You just need to specify your Msg to the function.

If you need to customize the Config, just use the record update to override the fields you want to change, e.g.:

type Msg
    = PhoneUpdated State PhoneNumber (Cmd Msg)


let
    baseConfig =
        defaultConfig PhoneUpdated
in
{ baseConfig | dialCodeFormatter = \dialCode -> "(+" ++ dialCode ++ ")" }

Create the Config using a unique id value. This is an alternative to configWithSeed if you already have a unique id for your IntlPhoneInput. This is usually useful when generating dynamic forms from database, where you can use the Id from the database table as the 'unique' Id.

type Msg
    = PhoneUpdated State PhoneNumber (Cmd Msg)


config =
    baseConfig =
        configWithId "219" PhoneUpdated

Create the Config with a custom seed value. The seed is used to generate the hash value to generate 'unique' Id for some elements inside the IntlPhoneInput.

type Msg
    = PhoneUpdated State PhoneNumber (Cmd Msg)


config =
    baseConfig =
        configWithSeed 3876193 PhoneUpdated

Helper function to get the DOM id of the phone number <input /> element.