Profile Form: SwiftUI Profile Form Pattern (Pro)

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

Pro pattern · recorded from Pro

$npx swiftpieces add ProfileForm

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: ProfileForm
Inside: Photo picker, Username check, Bio with a count, Save when changed
Install, with a Pro license: npx swiftpieces add ProfileForm
Depends on: Pro's Design System, which installs with it

The edit-profile section of an account screen or sheet. The photo changes through the system picker, the username checks availability through your closure and offers suggestions when it's taken, and the bio counts toward its limit. Save wakes only when something changed and everything is valid, shows working, done and failed, and hasChanges lets your sheet confirm before discarding edits.

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

All patterns →

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

Forms · ProNewPro

Step Form

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

Inside

Step segmentsA view per stepReview with EditSubmit states

Profile FormNew

More patterns