OnboardingChecklist
v1.0.0Agentic task completion tracker for first-run onboarding. Items carry status, agent attribution, timestamps, and provenance links. Blocked items surface human-action requirements.
import { OnboardingChecklist } from "@danagraph/design-system/patterns"Loading demo…
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | 'Onboarding Checklist' | Section heading. |
itemsreq | OnboardingChecklistItem[] | — | Checklist items with status, attribution, and provenance. |
onMarkDone | (id: string) => void | — | When provided, pending items display a MARK DONE button. |
onSkip | (id: string) => void | — | When provided, pending items display a SKIP button. |
showProvenance | boolean | true | Show provenance references in expanded item detail. |
titleType
stringDefault 'Onboarding Checklist'Section heading.
itemsrequiredType
OnboardingChecklistItem[]Default —Checklist items with status, attribution, and provenance.
onMarkDoneType
(id: string) => voidDefault —When provided, pending items display a MARK DONE button.
onSkipType
(id: string) => voidDefault —When provided, pending items display a SKIP button.
showProvenanceType
booleanDefault trueShow provenance references in expanded item detail.
Design Rationale
This component was designed to express:
Explore Related
Was this helpful?