An onboarding step tracker built on an accordion, showing each setup step with a completion state and a mark-as-complete action.
import Pattern from "@/components/ui/onboarding-step-tracker"; export default function Default() { return ( <div className="flex min-h-svh w-full items-center justify-center p-6"> <Pattern /> </div> ); }
Part of Cnippet — browse the full library on 21st.dev.