Booking Form Widget
Component Detail
User Interface
low complexity
frontend
1
Dependencies
2
Dependents
0
Entities
0
Integrations
Description
Interactive multi-field form for prospective organizations to request a product demo. Collects organization name, contact name, email, phone, organization type, and a free-text message. Handles client-side validation, submission state, and inline error display.
booking-form-widget
Responsibilities
- Render all form fields with associated accessible labels
- Perform client-side validation using React Hook Form
- Display inline validation errors programmatically associated with fields
- Submit form data to the booking API endpoint and surface success or error state
- Manage focus correctly on validation failure and after submission
Interfaces
handleSubmit(data: BookingFormData): Promise<void>
validateField(name: string, value: string): ValidationResult
resetForm(): void
Relationships
Dependents (2)
Components that depend on this component