Make the business user training checklist interactive

[mintlify]

Adds <Checklist> / <ChecklistItem> JSX snippet components and rewrites /guides/business-user-training-outcomes-checklist to use them.

What readers get

• Clickable checkboxes (was static markdown - [ ])
• Progress bar: done / total (%) in a sticky header at the top of the list
• Per-reader persistence via localStorage (key: lightdash-checklist:business-user-training)
• Reset button to clear progress

Files

• snippets/checklist.jsx — new reusable component. Uses React context so <ChecklistItem> children stay simple. Handles SSR safely (localStorage guarded by useEffect).
• guides/business-user-training-outcomes-checklist.mdx — swapped markdown task list for <Checklist storageKey="business-user-training"> with one <ChecklistItem id="…"> per item. IDs are stable slugs so saved progress survives future copy edits.

Reuse
Import on any page with:

import { Checklist, ChecklistItem } from '/snippets/checklist.jsx';

<Checklist storageKey="unique-key-per-page">
  <ChecklistItem id="stable-id">Item text</ChecklistItem>
</Checklist>

Validated with mint validate and mint broken-links.

---

Generated by Mintlify Agent.

Requested by: jess@lightdash.com via Slack
Mintlify session: slack_1783958951.235739_C0AM8D5UUR5

[github-actions]

🤖 Documentation Bot

Status

⚠️ 1 broken link needs manual attention

---

🔗 Broken Links (Manual Fix Required)

Click to view details

   📄 guides/business-user-training-outcomes-checklist.mdx

[mintlify]

Preview deployment for your docs. Learn more about Mintlify Previews.

Project	Status	Preview	Updated (UTC)
lightdash	🔴 Failed	–	Jul 13, 2026, 4:31 PM