Settings Panel

Страница настроек: навигация по разделам, панель несохранённых изменений, опасная зона. Pro · Аккаунт и доступ › Профиль и настройки

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add settings-panel

npm install valyro-ui-pro

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

Prop	Type	Default
`sections` *	`SettingsSection[]`		Sections in page order; each gets a navigation link.
`dirty`	`boolean`	`false`	There are unsaved edits: shows the sticky save bar.
`onSave`	`() => unknown`		Saves the edits (also on ⌘S / Ctrl+S). May return a promise; a rejection keeps the bar with an error.
`onDiscard`	`() => void`		Discard in the save bar: reset your form state here.
`activeSection`	`string`		Section highlighted in the navigation; follows scrolling unless controlled.
`defaultActiveSection`	`string`		Initial `activeSection` when uncontrolled.
`onActiveSectionChange`	`(id: string) => void`		Called with the new `activeSection` when it changes.
`stickyOffset`	`number`	`0`	Height of a sticky header above the panel (px), so the navigation and scroll targets clear it.
`title`	`ReactNode`		Page heading above the first section.
`description`	`ReactNode`		Text under the page heading.
`labels`	`Partial<SettingsPanelLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

Profile Details — Профиль: заполненность, подтверждённые контакты, поля
Address Book — Адресная книга: дом, офис, адреса по умолчанию и действия
Social Profiles — Соцсети профиля: перестановка, подтверждение, копирование ссылки
Two Factor Setup — Подключение двухфакторной защиты: способ, QR-код или телефон, проверка кода
Active Sessions — Активные сессии: текущая, подозрительные входы, отзыв доступа
Access Tokens — Личные токены доступа: область, последнее использование, отзыв
Age Gate — Проверка возраста: дата рождения, запоминание, отказ младше лимита
Permission Matrix — Матрица ролей и прав: наследование, блокировки, массовые переключатели, черновик изменений
Audit Log — Журнал действий: фильтры, diff полей, экспорт в CSV, подгрузка
Privacy Center — Центр приватности: оценка, группы настроек, счётчики защиты
Support Center — Поддержка: каналы связи со статусом, тикеты с фильтром