Address Book 3 block design & features
AddressBook3 is an address table built with Shadcn UI Table, Badge, Button, Input, and Label. A heading and a short line sit above one bordered panel. Inside it, a search field and type filters (All, Home, Work, Other) sit on a muted bar. The table lists the place label, recipient, street, city line, type badge, phone, and whether that row is the default. Making another row the default clears the previous one.
The panel uses the standard radius and a hairline border. The header row is a muted wash. Adding an address opens a field grid in that same panel, above the rows, instead of a separate page. Search matches the label, name, street, city, or postal code.
This is a moderate, content-driven block for a set of real places: labels, recipients, streets, and phones. The table is the whole address book, so it reads as an account list rather than a stack of choice cards.
On small screens the table scrolls sideways inside the panel, and the filters wrap under the search field.
