Onboarding Checklist

Чек-лист онбординга: прогресс, подсказки с CTA, скрытие и празднование. Pro · Работа и команды › Продажи и процессы

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add onboarding-checklist

npm install valyro-ui-pro

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

Prop	Type	Default
`tasks` *	`OnboardingTask[]`		Checklist items in order; a task can depend on others, be locked, optional, or carry a call to action.
`completedIds`	`string[]`		Controlled `completedIds`; use with `onCompletedIdsChange`.
`defaultCompletedIds`	`string[]`		Initial `completedIds` when uncontrolled.
`onCompletedIdsChange`	`(ids: string[]) => void`		Called with the new `completedIds` when it changes.
`dismissed`	`boolean`		Hidden behind a small "Setup guide" button.
`defaultDismissed`	`boolean`	`false`	Initial `dismissed` when uncontrolled.
`onDismissedChange`	`(dismissed: boolean) => void`		Called with the new `dismissed` when it changes.
`manualComplete`	`boolean`	`true`	Lets people tick tasks themselves. Turn off when tasks complete from product events. Default true.
`title`	`ReactNode`	`'Get started'`	Checklist heading.
`description`	`ReactNode`		Text under the heading; replaces the "2 of 5 steps complete" progress line.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`labels`	`Partial<OnboardingChecklistLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

CRM Pipeline — Воронка сделок: этапы, суммы и вероятности, перетаскивание между этапами
Approval Flow — Многоэтапное согласование: последовательные и параллельные этапы, решения с причиной, история
Goal Tracker — OKR: цели и ключевые результаты, статусы, уверенность, чек-ины с историей
Course Path Navigator — Карта курса: модули, блокировки, прогресс и навыки, список на узком экране
Calendar View — Календарь событий
Scheduler — Планировщик: день, неделя, месяц и таймлайн ресурсов, drag & drop, повторы
Kanban Board — Доска задач
Gantt Chart — Диаграммы Ганта с зависимостями и перетаскиванием
Booking Slots — Запись на встречу: календарь, слоты в часовом поясе гостя, форма и подтверждение
Team Members — Участники команды: роли, приглашения по email, ожидающие инвайты, счётчик мест
Org Chart — Оргструктура: дерево с зумом и панорамой, поиск, сворачивание веток
Activity Feed — Лента активности