Address Book

Address book: home, work, default addresses and actions. Pro · Account and access › Profile and settings

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add address-book

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { AddressBook } from 'valyro-ui-pro';

Prop	Type	Default
`addresses` *	`Address[]`		Saved addresses.
`onAdd`	`() => void`		Shows the "Add address" button.
`onEdit`	`(id: string) => void`		Shows "Edit" in a row's menu.
`onSetDefault`	`(id: string, use: 'shipping' \| 'billing') => void`		Shows the "Use for…" items in a row's menu.
`onRemove`	`(id: string) => void`		Shows "Delete" in a row's menu (confirm first).
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (default 2).
`labels`	`Partial<AddressBookLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Profile Details — Profile: completeness, verified contacts, fields
Social Profiles — Linked social profiles: reorder, verify, copy link
Settings Panel — Settings page: section navigation, unsaved-changes bar, danger zone
Two Factor Setup — Two-factor setup: method, QR code or phone, code verification
Active Sessions — Active sessions: current device, suspicious sign-ins, revoke access
Access Tokens — Personal access tokens: scope, last used, revoke
Age Gate — Age verification: date of birth, remember me, deny under the limit
Permission Matrix — Roles and permissions matrix: inheritance, locks, bulk toggles, draft changes
Audit Log — Activity log: filters, field diffs, CSV export, load more
Privacy Center — Privacy center: score, setting groups, protection counters
Support Center — Support: contact channels with status, tickets with filters