Privacy Center
Privacy center: score, setting groups, protection counters. Pro · Account and access › Permissions, privacy and support
Installation
npx valyro-cli@latest login
npx valyro-cli@latest add privacy-center
npm install valyro-ui-pro
import 'valyro-ui-pro/styles.css';
import { PrivacyCenter } from 'valyro-ui-pro';
Props
| Prop | Type | Default | |
|---|---|---|---|
groups * | PrivacyGroup[] | Groups of related settings. | |
value | Record<string, boolean> | Switch positions by setting id (controlled). | |
defaultValue | Record<string, boolean> | Initial value when uncontrolled. | |
onValueChange | (value: Record<string, boolean>) => void | Called with the new value when it changes. | |
expanded | string[] | Ids of the expanded groups (controlled). | |
defaultExpanded | string[] | Initial expanded when uncontrolled. | |
onExpandedChange | (expanded: string[]) => void | Called with the new expanded when it changes. | |
score | number | Score 0–100; by default the share of protected settings. | |
reviewedAt | DateInput | Last time the user reviewed the settings, in the footer. | |
headingLevel | 1 | 2 | 3 | 4 | 5 | 6 | 2 | Level of the title (default 2). |
locale | string | BCP 47 locale for the date. | |
labels | Partial<PrivacyCenterLabels> | Overrides for the built-in English text; keys left out keep their defaults. |
Related components
- Permission Matrix — Roles and permissions matrix: inheritance, locks, bulk toggles, draft changes
- Audit Log — Activity log: filters, field diffs, CSV export, load more
- Support Center — Support: contact channels with status, tickets with filters
- 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
- Profile Details — Profile: completeness, verified contacts, fields
- Address Book — Address book: home, work, default addresses and actions
- Social Profiles — Linked social profiles: reorder, verify, copy link
- Settings Panel — Settings page: section navigation, unsaved-changes bar, danger zone
Previous: Audit Log · Next: Support Center · All Account and access