Stepped Min Max Label Slider

Creates a slider to select a value from a given range, subject to a step increment, which displays the provided labels

Stepped Min Max Label Slider - iOS Light Mode Preview

Platform Compatibility

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

Tags

SwiftUI Code

Docs 
@State private var speed = 42.0
@State private var isEditing = false

var body: some View {
  Slider(
  value: $speed,
  in: 0 ... 100,
  step: 2 // optional, by default 1,

  ) {
    Text("Foo") // for accessibility
  } minimumValueLabel: {
    Text("0")
  } maximumValueLabel: {
    Text("100")
  } onEditingChanged: { editing in // optional
  isEditing = editing
}
}

Found an issue or have a suggestion?

Created: June 4, 2025Updated: June 4, 2025