Vertically Shift Address Lookup

From time to time, you may want to tweak the default style of Address Lookup to better match your applications design system.

Style Adjustments are the recommended means to make small changes.

A common issue is the alignment of the Address Lookup dropdown, this may be a few pixels to high or low. In these instances, we recommend a positive or negative margin-top style attribute.

Loading...

import { AddressLookup } from "@addresszen/address-lookup";

AddressLookup.setup({
  apiKey: "ak_test",
  listStyle: {
    marginTop: "-1.4rem",
  },
  outputFields: {
    line_1: "#line_1",
    line_2: "#line_2",
    city: "#city",
    state: "#state",
    zip_plus_4_code: "#zipcode",
  },
});