CheckoutNew

PreviewCode

Pro block · recorded from Pro

$npx swiftpieces add CheckoutBlockCopy

Needs a SwiftPieces Pro license: npx swiftpieces login first.

The checkout section of a cart or checkout screen. Each bag line has a quantity stepper, and the line price, summary and Pay label roll as quantities change; delivery shows the address with Change and each speed with its day and price, and a promo code applies or explains why not. Pay shows its working, done and failed states in place, Apple Pay uses the system button, and the block settles into the placed order with its number and arrival day.

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

More blocks

All blocks →

Auth · ProNewPro

Sign In

The sign-in section of a welcome screen: email and password, Sign in with Apple, a passkey and Create account in one block.

Inside

Email and password with autofillSign in with its working, done and failed statesSign in with Apple and a passkeyForgot password and create account

Settings · ProNewPro

Account Settings

The account section at the top of Settings: profile and photo, appearance, notifications, your data, sign out and deletion.

Inside

Profile with photo and nameAppearance in your theme's coloursNotification togglesYour data, sign out and delete account

Settings · ProNewPro

Plan and Usage

The subscription section of Settings: the plan and its renewal, usage meters that warn near a limit, and the way up.

Inside

Plan with its status and renewalUsage meters that warn near a limitUpgrade with its statesManage subscription and restore