Address Book 4 block design & features
AddressBook4 is a single-column checkout address picker built with Shadcn UI Radio Group, Badge, and Sheet. A heading and supporting line introduce stacked selectable cards. Each card shows the address type, default badge, recipient, street, city line, and a short delivery estimate. An edit action sits on the card. Add opens a side sheet with the full form. A full-width continue button closes the step.
The column stays narrow so the cards feel like a checkout lane. The selected card uses a primary border and a light fill. Estimates sit beside a small clock icon. The sheet keeps the form off the page so the picker does not jump when someone adds or edits a location.
This is a checkout pattern more than an account directory. Complexity is moderate and mixed: the cards are content-driven, while the sheet is a working form. The delivery estimate and continue action are what separate it from a generic address list.
The sheet fills most of the viewport width on small screens and becomes a right-side panel on larger ones.