CircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
Platform Compatibility
Tags
SwiftUI Code
@State private var currentValue = 0.42
var body: some View {
HStack {
Gauge(value: 0.42) {
Text("Foo")
}
Gauge(value: currentValue) {
Text("Foo")
} currentValueLabel: {
Text("\(currentValue)")
}
.padding(.horizontal)
Gauge(value: currentValue) {
Text("Foo")
} currentValueLabel: {
Text("42")
} minimumValueLabel: {
Text("0")
} maximumValueLabel: {
Text("100")
}
}
.gaugeStyle(.circular)
}Found an issue or have a suggestion?
More Gauge Components
View all
LinearGaugeStyle
A gauge style that displays a bar with a marker that appears at a point along the bar to indicate the gauge’s current value
AccessoryLinearCapacityGaugeStyle
A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases
AccessoryLinearGaugeStyle
A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value
LinearCapacityGaugeStyle
A gauge style that displays a bar that fills from leading to trailing edges as the gauge’s current value increases
AccessoryCircularCapacityGaugeStyle
A gauge style that displays a closed ring that’s partially filled in to indicate the gauge’s current value
AccessoryCircularGaugeStyle
A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value
Explore Other Components
Browse all
Image Label
Creates a label with an icon image and a title generated from a localized string.
SliderTickContentForEach
A type of slider content that creates content by iterating over a collection.
Content Unavailable Search Text
A pre-built placeholder for empty search results with search text
