Silk Events Onboarding
A vibrant multi-step onboarding wizard for event management platforms.
Features
- 3-step wizard — Event Details, Venue & Date, Ticketing
- Progress bar — Gradient progress indicator with step count
- Step indicators — Numbered circles with completion checks
- Event type grid — 6 selectable event types with emojis
- Form fields — Name, description, venue, date, time, pricing, capacity
- Pro tip card — Contextual onboarding guidance
- Badge tags — Ticket type suggestions
- Coral/purple palette — Rose-500 primary, purple-500 secondary
- Responsive — Mobile-first with fluid layout
- Dark mode — Full zinc-950 dark variant
Dependencies
@/components/vue-ui/card — Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter@/components/vue-ui/button — Button@/components/vue-ui/input — Input@/components/vue-ui/badge — Badge@/components/vue-ui/progress — Progress@/components/vue-ui/separator — Separatorlucide-vue-next — PartyPopper, Calendar, MapPin, Users, Ticket, ArrowLeft, ArrowRight, Check, Sparkles
Customization
- Steps: Modify the
steps array for different wizard flow
- Event types: Edit
eventTypes for your categories
- Colors: Swap rose/purple classes for your brand palette
- : Add or remove form fields per step
