> ## Documentation Index
> Fetch the complete documentation index at: https://docs.overflow.co/llms.txt
> Use this file to discover all available pages before exploring further.

# Shipping address section

> Configure the shipping address section inside Checkout.

Enable the shipping address section by passing `shippingAddress`. The section accepts every option the standalone [Shipping address element](/payment-elements/elements/address/shipping-address) accepts.

## Enable the section

```javascript theme={null}
overflow.checkout({
  paymentMethods: ['card'],
  shippingAddress: {},
});
```

An empty object renders the default field set: line1, line2, city, state, postal code, country. Country defaults to the shopper's inferred locale.

## Configure fields

```javascript theme={null}
overflow.checkout({
  paymentMethods: ['card'],
  shippingAddress: {
    header: { text: 'Shipping address' },
    fields: {
      fullName: {},
      country: { supportedCountries: ['US', 'CA', 'GB'] },
      line2: { hidden: true },
    },
  },
});
```

Every field key accepted by the standalone element is available here.

## Autocomplete

Enable autocomplete on the section the same way you would on the standalone element:

```javascript theme={null}
overflow.checkout({
  paymentMethods: ['card'],
  shippingAddress: {
    autocomplete: { enabled: true },
  },
});
```

See [Address autocomplete](/payment-elements/elements/address/autocomplete) for CSP, provider, and language configuration.

## Submitted value

```javascript theme={null}
checkout.on('onSubmit', ({ value }) => {
  // value.shippingAddress: { line1, line2?, city, state, postalCode, country, ... }
});
```

## See also

* [Shipping address element](/payment-elements/elements/address/shipping-address)
* [Address autocomplete](/payment-elements/elements/address/autocomplete)