Checklist

npx shadcn@latest add https://featuredrop.dev/r/checklist.json

import { Checklist as ChecklistComponent } from "featuredrop/react"
import { Checklist } from "@/components/featuredrop/checklist"
 
const tasks = [
  { id: "profile", title: "Complete your profile", description: "Add a photo and bio." },
  { id: "invite", title: "Invite a teammate", description: "Collaboration is better together." },
  { id: "first-project", title: "Create your first project" },
]
 
export function Onboarding() {
  return (
    <>
      {/* Register checklist state with FeatureDrop */}
      <ChecklistComponent id="onboarding" tasks={tasks} position="inline" />
      {/* Render the shadcn UI */}
      <Checklist
        checklistId="onboarding"
        tasks={tasks}
        title="Getting Started"
        description="Complete these steps to get the most out of your account."
      />
    </>
  )
}