Formatted Address

The Avonni Formatted Address component automatically formats addresses, validates input, and displays the location on a map.

---

Overview

The Formatted Address component renders a complete mailing address — street, city, state/province, postal code, and country — in a localized format. It can operate in edit mode (letting users enter or update an address) or read-only mode (displaying the address as plain text). An optional static map preview shows the location on a Google Map.

Configuration

To configure it, click the component on the Flow screen. The Edit Formatted Address Component panel opens on the right with two tabs: Properties and Style. The sections below mirror the Properties tab.

Properties

Label — text displayed above the address field to provide context for users.

Field Hint Text — help text shown beneath the component (requires a label to be set).

Variant — controls how the label is positioned relative to the address field: Standard, Label Hidden, Label Inline, Label Stacked, or Label Spread.

Street — map the Salesforce field containing street information.

City — map the Salesforce field containing city data.

Province — map the Salesforce field containing state or province information.

Postal Code — map the Salesforce field containing postal code data.

Country — map the Salesforce field containing country information.

Latitude — optional. Map the latitude coordinate (-90 to 90) for faster map rendering.

Longitude — optional. Map the longitude coordinate (-180 to 180) for faster map rendering.

Locale — sets the locale used to format the address (e.g., en-US). Affects address layout and ordering conventions.

Read Only — when enabled, the address is displayed as plain text and cannot be edited by the user.

Display a Map — when enabled, a static Google Map of the entered address is shown below the address fields.

Edit mode vs. read-only mode

The output variables (Street, City, Province, Postal Code, Country, Latitude, Longitude) only capture user input when the component is in edit mode. In read-only mode, the address is displayed but the values come from the input properties, not from user interaction.

Interactions

Interactions define what happens when users click on the component. Configure them from the Interactions panel — see the full list of actions.

• On Click

Styling

The Style tab gives you fine-grained control over the Formatted Address's appearance. Configure it from the Style tab of the Edit Formatted Address panel.

Margin

Controls outer spacing.

• Top: Space above the component.
• Right: Space to the right of the component.
• Bottom: Space below the component.
• Left: Space to the left of the component.

Padding

Border

Background

Label

Address

Output Variables

The Formatted Address exposes output variables you can reference in your flow after the screen. To use them, select the screen element in Flow Builder, then the Formatted Address component, and pick the output variable you need.

Address Fields

When the component is in edit mode, these variables capture the address the user entered or modified.

Output variable	Type	What it returns
Street	Text (String)	The street address entered by the user.
City	Text (String)	The city entered by the user.
Province	Text (String)	The state or province entered by the user.
Postal Code	Text (String)	The postal or ZIP code entered by the user.
Country	Text (String)	The country entered by the user.
Latitude	Text (String)	The latitude coordinate. Available when the address is geocoded.
Longitude	Text (String)	The longitude coordinate. Available when the address is geocoded.

Example: A contact update flow lets users edit their mailing address. After the screen, use the individual field outputs (Street, City, Province, Postal Code, Country) in an Update Records element to save each value to the corresponding field on the Contact record.