Address

Shared address component: shows the saved address on one line and opens a form to edit it. The country, region, locality, street and postal index come from the MDelivery geo nomenclature. It collects the address and nothing else — the contact fields below come from this page, through the AdditionalFields template.

Interactive demo

Click the row to open the form. Saving closes it and shows the address; cancelling drops whatever was typed. The name, phone and email are supplied by the page and validated by it — the component only holds the form open while they are missing.

Delivery addressAdd address details

Configuration

Show the abroad checkbox Read only Show the contact fields Prefill an address Clear the address

Bound value

What the page receives back from the two-way binding, and the contact fields the page kept itself.

No address has been saved yet.

— Additional fields, kept by the page —
First name      : not entered
Last name       : not entered
Phone           : not entered
Email           : not entered

Event log

The events the component raised, most recent first.

No events yet.

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

Retry

The session has been paused by the server.

Resume

Failed to resume the session.
Please reload the page.