Address Book 3 - Saved Address Table

Pro

A searchable address table with type filters, a default marker, and an add form in the same panel.

Shadcn Address Book 3 block

Component data

ID
address-book3
Access
pro
Created
Sep 5, 2026
Type
block
Libraries
Radix UI, Base UI, React Aria

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.