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 Liquid Glass 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: 10 // 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: December 27, 2025