React Configurations

Configuration Options

When the Autoaddress React Component is initialised, you must pass in your license key. This is the only mandatory setting to pass into the control, for the rest of settings have default values set. 

Basic Initialisation

<Autoaddress
    licencekey = "your_key"
    vanityMode = {true}
    addressProfile = "Demo5LineV2"
/>

Binding Variables and States

You can bind variables and states to the settings so that they can respond to changes from your website.

this.state = { vanityModeState : true };

let countryVariable = 'ie'

return (     
     <Autoaddress
         licencekey = "your_key"
         vanityMode = { this.state.vanityModeState }
         country = { countryVariable }
         addressProfile = "Demo5LineV2"
     />
);

General Properties

* Required Field

Message Properties

Below you will see how you can also configure all the messages displayed as part of the Autoaddress React Component. The following code snippet for example changes to text on the search button.

<Autoaddress
    licencekey = "your_key"
    vanityMode = {true}
    addressProfile = "Demo5LineV2"
    searchButtonLabel = "Search Button"
/>