iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

Slider

Stepped Slider

Creates a slider to select a value from a given range, subject to a step increment

Explore Stepped Slider on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
@State private var speed = 40.0
@State private var isEditing = false

var body: some View {
  Slider(
  value: $speed,
  in: 0 ... 100,
  step: 10,
  label: {
    Text("Foo") // for accessibility, enables ticks
  },
  onEditingChanged: { editing in
  isEditing = editing
}
)
}

Compatibility

iOS 13.0+ iPadOS 13.0+ macOS 10.15+ watchOS 6.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Stepped Slider.

2 views