API Key from your Ideal Postcodes account. Typically begins
Postcode Lookup Container
Specify an area on your page where Postcode Lookup can render the necessary user interface to allow Postcode Lookup. Typically a
<div>, you may reference this using a CSS Selector or a direct reference to the node.
Specify where to send address data given a selected address.
outputFields is an object which maps an address attribute to an input field. The input field can be identified by CSS or reference to the DOM element itself.
Assigning up to 3 address lines, post town and postcode fields, is all addressing information required to identify a UK premise. You may extract more data for an address by passing more properties into the
outputFields configuration object.
The configuration attributes for
outputFields matches the Address response object. For instance, street name can be populated can be populated using the
thoroughfare attribute. A list of address attributes provided by the API can be found at @ideal-postcodes/api-typings.
More complex, dynamic assignment can be performed using the
Output fields assigned with a query selector are evaluated lazily (i.e. when an address attribute needs to be piped to a field).