Goal Tracker

OKRs: objectives and key results, statuses, confidence, check-ins with history. Pro · Work and teams › Sales and processes

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add goal-tracker

npm install valyro-ui-pro

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

Prop	Type	Default
`objectives`	`GoalObjective[]`		Controlled `objectives`; use with `onObjectivesChange`.
`defaultObjectives`	`GoalObjective[]`		Initial `objectives` when uncontrolled.
`onObjectivesChange`	`(objectives: GoalObjective[]) => void`		Called with the new `objectives` when it changes.
`period`	`{ start: Date; end: Date; label?: ReactNode }`		Goal period; with it, status compares progress with the time elapsed.
`now`	`Date`		Current time for the elapsed share. Default `new Date()`.
`onCheckIn`	`(objective: GoalObjective, keyResult: GoalKeyResult, checkIn: KeyResultCheckIn) => unknown`		Called on a saved check-in. May return a promise; the dialog waits and shows a rejection.
`currentUser`	`string`		Name stored as the author of new check-ins.
`defaultCollapsedIds`	`string[]`		Objectives shown collapsed. All are expanded by default.
`locale`	`string`		BCP 47 locale for numbers and dates; defaults to the ThemeProvider's, then the browser's.
`headingLevel`	`2 \| 3 \| 4 \| 5 \| 6`	`3`	Level of the objective titles (the check-in dialog keeps its own h3), to fit the page's heading outline. Default 3.
`labels`	`Partial<GoalTrackerLabels>`		Overrides for the built-in English text; keys left out keep their defaults.

CRM Pipeline — Deal pipeline: stages, amounts and probabilities, drag between stages
Approval Flow — Multi-stage approvals: sequential and parallel stages, decisions with reasons, history
Onboarding Checklist — Onboarding checklist: progress, hints with CTAs, dismissal and celebration
Course Path Navigator — Course map: modules, locks, progress and skills, a list on narrow screens
Calendar View — Event calendar
Scheduler — Scheduler: day, week, month and resource timeline, drag and drop, recurrence
Kanban Board — Task board
Gantt Chart — Gantt charts with dependencies and drag to reschedule
Booking Slots — Meeting booking: calendar, slots in the guest’s time zone, form and confirmation
Team Members — Team members: roles, email invites, pending invitations, seat count
Org Chart — Org chart: zoomable, pannable tree with search and collapsible branches
Activity Feed — Activity feed