OnboardingSteps
Linear stepper with always-visible cards, a progress bar, and an action button on the active step. Ideal for first-run wizards, module install flows, and unconfigured-module landing pages.
Import
import { OnboardingSteps } from "@repo/design-system/components/onboarding/onboarding-steps";Basic
Set up your workspace
Complete these steps to get your team up and running.
Create your workspace
Name your workspace and pick a URL. This is where your team will collaborate.
Invite your team
Add teammates by email so everyone can collaborate in real time across projects.
Set up your first project
Create a project to organize tasks, docs, and milestones in one place.
Connect your tools
Link Slack, GitHub, or Figma to keep your workflow in sync automatically.
With locked / blocked steps
Install Online Join
A few items need to be configured before this module can go live.
Create at least one location
Online Join requires a location to attach membership plans to.
No locations exist. Open Structure to add one before continuing.
Publish a membership plan
Create at least one membership plan and mark it active.
Connect a public site
Map a domain or subdomain so the public funnel can be reached.
Custom progress label
Module configuration
Create your workspace
Name your workspace and pick a URL. This is where your team will collaborate.
Invite your team
Add teammates by email so everyone can collaborate in real time across projects.
Set up your first project
Create a project to organize tasks, docs, and milestones in one place.
Connect your tools
Link Slack, GitHub, or Figma to keep your workflow in sync automatically.
All complete
Workspace ready
All setup steps are complete. Keep these as a checklist for new admins.
Create your workspace
Name your workspace and pick a URL. This is where your team will collaborate.
Invite your team
Add teammates by email so everyone can collaborate in real time across projects.
Set up your first project
Create a project to organize tasks, docs, and milestones in one place.
Connect your tools
Link Slack, GitHub, or Figma to keep your workflow in sync automatically.