Pro Components
Base Components
Config 2
Multi-step profile setup wizard with progress indicator, Basic Info, Contact, Social, and Review steps.
Example
Complete Your Profile
Help others get to know you better
1
Basic Info
Name and photo
2
Contact
How to reach you
3
Social
Your online presence
4
Review
Confirm your details
?
File upload
@
Introduction
Config 2 is a profile setup wizard:- Progress indicator at the top: four steps (Basic Info, Contact, Social, Review) with numbers; completed steps show a checkmark.
- Step 1 – Basic Info: Avatar, name, username, bio.
- Step 2 – Contact: Email, phone.
- Step 3 – Social: Website and social links.
- Step 4 – Review: Summary of entered data.
- Navigation: “Skip to review” on step 1, “Back” and “Continue” (or “Complete Setup” on the last step).
Usage
import { SettingsProfile6 } from "@/components/ui/settings-profile-6";
<SettingsProfile6 />