Step Form: SwiftUI Step Form Pattern (Pro)

A multi-step form container: a step indicator, your view per step, Back and Continue, Review with Edit, and Submit.

Pro pattern · recorded from Pro

$npx swiftpieces add StepForm

Needs a SwiftPieces Pro license: npx swiftpieces login first.

Open in the Pro library View pricing Live preview in every Pro style, and its source with SwiftPieces Pro.

ProPattern · FormsiOS 17+Themed by Pro's design system

Type: StepForm
Inside: Step segments, A view per step, Review with Edit, Submit states
Install, with a Pro license: npx swiftpieces add StepForm
Depends on: Pro's Design System, which installs with it

A container for forms that take several steps, such as a booking or a new project. Each step is your own view with a validity flag, so Continue waits until it's complete, and steps slide in from the side they come from. Review sums up the answers each step reports with Edit links that jump back, and Submit shows working, done and failed.

Its SwiftUI source comes with SwiftPieces Pro: Step Form in the Pro library.

All patterns →

Forms · ProNewPro

Profile Form

An edit-profile section: photo, name, a username that checks itself as it's typed, bio with a count, and Save.

Inside

Photo pickerUsername checkBio with a countSave when changed

Forms · ProNewPro

Address Form

A shipping or billing address form with AutoFill, a searchable country list, per-country labels and street suggestions.

Inside

AutoFill on every lineCountry pickerFields per countryMapKit suggestions

Forms · ProNewPro

Feedback Form

A send-feedback section: a five-step rating, topic chips, a message, screenshots, device info and a thank-you.

Inside

Five-step ratingTopic chipsScreenshotsDevice info

Step FormNew

More patterns