ValyroUI Русская версия

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

PropTypeDefault
groups *PrivacyGroup[]Groups of related settings.
valueRecord<string, boolean>Switch positions by setting id (controlled).
defaultValueRecord<string, boolean>Initial value when uncontrolled.
onValueChange(value: Record<string, boolean>) => voidCalled with the new value when it changes.
expandedstring[]Ids of the expanded groups (controlled).
defaultExpandedstring[]Initial expanded when uncontrolled.
onExpandedChange(expanded: string[]) => voidCalled with the new expanded when it changes.
scorenumberScore 0–100; by default the share of protected settings.
reviewedAtDateInputLast time the user reviewed the settings, in the footer.
headingLevel1 | 2 | 3 | 4 | 5 | 62Level of the title (default 2).
localestringBCP 47 locale for the date.
labelsPartial<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