AddressInput

Back To Home

Address Input

Examples:

This is how the AddressInput Vue component is placed in an application or framework like Appboard:

<div class="medium-12 input-container">
  <address-input :position="this.addressInputPosition"
                 :widthFromConfig="this.addressInputWidth"
                 :placeholder="this.addressInputPlaceholder"
  >
    <address-candidate-list v-if="this.addressAutocompleteEnabled"
                            slot="address-candidates-slot"
                            :widthFromConfig="this.addressInputWidth"
    />
  />
</div>

And this is how it is added into a config file for a site that uses the Appboard Framework, like Real Estate:

addressInput: {
  width: 515,
  position: 'right',
  autocompleteEnabled: true,
  placeholder: 'Search by 9-digit OPA property # or property address',
},