Onboarding Step

Coach-mark popover with step counter, dismiss ×, progress dots, and a next button.

Step 2 of 4

Pin your favorite workspacesDrag any workspace into the sidebar rail to keep it one click away.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Tooltip7 } from "@/components/beste/piece/tooltip7";

<Tooltip7
  step={2}
  total={4}
  title="Pin your favorite workspaces"
  description="Drag any workspace into the sidebar rail to keep it one click away."
  nextLabel="Next"
  tone="primary"
/>