SwiftUI View: Stepper (#1351)

* List image for new PR

* up to date list png

* Delete swiftui-list.png

* Delete list.png

* Stepper gif for new PR entry

* Stepper md for new PR request

* Delete swiftui-list.png

* moving swiftui-list in the right folder

* Delete swiftui-stepper.gif

* updated stepper gif

* moved bullet list at end of syntax block

* Update stepper.md

* Edits to grammer, structure, and wording

Co-authored-by: SSwiniarski <[email protected]>
Co-authored-by: Christine Yang <[email protected]>
Co-authored-by: Christine Yang <[email protected]>

Author: 3 people

content/swiftui/concepts/views/terms/stepper/stepper.md

@@ -0,0 +1,52 @@
+---
+Title: 'Stepper'
+Description: 'Allows a user to increment and decrement a value.'
+Subjects:
+  - 'Mobile Development'
+  - 'Computer Science'
+Tags:
+  - 'SwiftUI'
+  - 'SwiftUI Views'
+  - 'Views'
+  - 'Xcode'
+CatalogContent:
+  - 'learn-swift'
+  - 'paths/build-ios-apps-with-swiftui'
+---
+
+The **`Stepper`** is used to give the user precise control over increasing or decreasing a value.
+
+## Syntax
+
+```pseudo
+var body: some View {
+    Stepper(value: Binding<Stridable>, in: ClosedRange<Int/Double>, step: Int/Double) {
+        Label here
+    }
+    Modifiers here
+}
+```
+
+- The first parameter that `Stepper` takes is a `value`. This parameter needs to be bound to a variable that tracks changes.
+- The second parameter, `in`, specifies the minimum and maximum values accepted by the stepper.
+- The third parameter, `step`, specifies the amount that `value` should be incremented or decremented by inside the stepper's range.
+- A stepper view's shape, color, and text can be edited using [modifiers](https://www.codecademy.com/resources/docs/swiftui/viewmodifier).
+
+## Example
+
+In the example below, `@State` is used to store the mutable integer value. A `Stepper` is used to count the number of people.
+
+```swift
+@State var numberOfPeople = 4
+
+var body: some View {
+    Stepper(value: $numberOfPeople, in: 2...10, step: 1) {
+        Text("People count: \(numberOfPeople)")
+    }
+    .padding()
+}
+```
+
+This will display the following:
+
+![Stepper](https://raw.githubusercontent.com/Codecademy/docs/main/media/swiftui-stepper.gif)