G. Support & Feedback

Contact Form Variations

Simple contact form, multi-step topic-routed form, contact page with live chat & FAQ, and the success state.

4 screensDesktop · Tablet · MobileLight · Dark

Write every screen of this block into your project — the source is then yours to edit.

bash

npx @wunderui/cli add support/contact-form

01Simple contact form

Uses: TextField · TextareaField · Select · Checkbox

components/blocks/support/contact-form/01-simple-form.tsx

Uses: Stepper · OptionRowGroup · TextField · DropZone

components/blocks/support/contact-form/02-multi-step-routed.tsx

Uses: Accordion · TextField · Badge · Button

components/blocks/support/contact-form/03-live-chat-faq.tsx

Uses: Button · Badge · Card

components/blocks/support/contact-form/04-success-state.tsx