FreeComponents
Compact Stepper
Compact numeric stepper with chevron buttons, animated numeric text transitions, and haptic feedback
Free
Free with a ShipSwift account.
Copies a short instruction with your private download link. Paste it into your agent: it downloads the whole skill (the source code, the setup steps and the mistakes we already made for you) and builds the screen.
Works with
+70
What it does
Compact numeric stepper with chevron-style increment/decrement buttons, animated numeric text transitions, and haptic feedback on value change. The decrement button is disabled when the value reaches 0.
What you get
- ✓46 lines of source code, ready to paste
- ✓Source Code
- ✓Usage
componentinputstepperquantitynumericSwiftUI
Usage
@State private var quantity = 1
// Standalone stepper
SWStepper(quantity: $quantity)
// Real-world usage with a label
HStack {
Text("Quantity")
Spacer()
SWStepper(quantity: $quantity)
}
.padding(.horizontal)More in Components
- Add SheetFreeBottom sheet with text input field, Cancel and Continue buttons, presented as a medium detent sheet
- Alert Toast NotificationFreeGlobal toast-style alert overlay with preset styles (info, success, warning, error) and auto-dismiss
- Bullet Point TextFreeText label with a colored capsule bullet point indicator that accepts any View content via @ViewBuilder
- Cached ImageFreeAsyncImage drop-in with a memory + disk cache, so re-created views show remote images on the first frame instead of flashing the placeholder
- Floating LabelsFreeAnimated floating capsule labels that fade in and out at specified positions around an image
- Gradient DividerFreeHorizontal divider with a center-fade gradient effect (clear to color to clear)