---
metaTitle: AddressBlock component | AwesCode UI
meta:
  - name: description
    content: The <AwAddressBlock /> component displays formatted address information - UI Vue component for AwesCode UI.
title: AddressBlock
---

# AwAddressBlock

**Category:** Organism | **Import:** Dynamic

The `AwAddressBlock` component displays formatted address information in a readable block format.

## Overview

- Display formatted addresses
- Multi-line address rendering
- Optional map link
- Responsive layout

## Usage

### Basic Example

```markup
<AwAddressBlock
  :address="{
    street: '123 Main St',
    city: 'New York',
    state: 'NY',
    zip: '10001',
    country: 'USA'
  }"
/>
```

### With Map Link

```markup
<AwAddressBlock
  :address="address"
  show-map-link
/>
```

## API

### Props

| Name | Description | Type | Required | Default |
|------|-------------|------|----------|---------|
| model | vue-mc model with an `address` object | `Object` | `true` | - |
| gmKey | Google Maps API key | `String` | `true` | - |
| timezone | Fetch timezone for the selected place | `Boolean` | `false` | `false` |
| detailsLanguage | Language of the saved address parts, passed to `AwAddress`. Use the company language | `String` | `false` | `''` |

The suggestions dropdown follows `$i18n.locale`; every stored part, including the country name, follows `detailsLanguage`.

## Related Components

- [AwAddress](aw-address.md) - Address input component

## Notes

- **Import Method:** Dynamic - Component is loaded on-demand as organism
- Formats address based on regional standards
- Map link opens Google Maps