Address Card
Saved address card with a static map thumbnail, edit and copy actions, coordinate line, and a default-address toggle with an invoice caveat.
Saved address card with a static map thumbnail, edit and copy actions, coordinate line, and a default-address toggle with an invoice caveat.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Address Card is the saved-location card for Acme Inc. HQ at 340 Pine Street, Suite 800, San Francisco CA 94104, United States. A static map thumbnail on the left shows a street-grid of rounded rects with a centered MapPin; the right column carries the address in a semantic address element, a Default badge, copy and edit icon buttons, and the coordinate line 37.7914 N, 122.4027 W added Jun 1, 2026. A ruled footer row holds the default-address toggle with the honest note that changing it updates future documents only and issued invoices are not revised.
No array here; the card is a single location record. The footer caveat is the line that stops the support ticket about a corrected invoice.
Reach for this block on settings pages and checkout flows wherever a single stored address must be displayed, edited, or marked as the default. Wire the Switch to your addresses endpoint and gate the edit button on the user having address-write permission.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the workspace billing address card. Other address-card surfaces:
Tip: put the legal caveat about issued invoices in the footer; it is the answer to the most common question that follows changing a billing address.