Event Creation Wizard
Component Detail
Description
Multi-step wizard screen guiding peer mentors and coordinators through structured event creation. Each step collects one piece of event data (title, date, time, duration, location, summary) with inline validation, progress indication, and WCAG 2.2 AA compliance including full keyboard navigation and visible focus indicators.
event-creation-wizard
Responsibilities
- Render sequential wizard steps for event field entry
- Validate each step before allowing progression
- Display progress indicator showing current and remaining steps
- Support interruption and resumption of partially completed wizards
- Ensure all form fields meet WCAG 2.2 AA accessibility requirements
Interfaces
buildWizardStep(stepIndex)
validateCurrentStep()
advanceToNextStep()
returnToPreviousStep()
submitEvent()
displayValidationError(field, message)
showProgressIndicator(currentStep, totalSteps)
restoreWizardState(savedState)
resetWizard()
Relationships
Dependencies (2)
Components this component depends on
Sub-Components (4)
First wizard step collecting the event title with character limit validation and accessible label.
- Collect event title input
- Validate title length and required field
Wizard step for selecting event date, start time, and duration using accessible date and time pickers with sensible defaults.
- Present date picker with accessible controls
- Present time picker for start time
- Collect duration with preset options
- +1 more
Wizard step for entering the event location as free-text with optional address suggestions.
- Collect location text input
- Validate location is provided
Final wizard step displaying a summary of all entered event details for review before submission, with edit links back to previous steps.
- Display full event summary for review
- Allow navigation back to edit individual fields
- Handle final submission confirmation