Gauge

A native SwiftUI gauge with linear and circular accessory styles.

#Import

Import Gauge from @quickgui/solid/swift-ui.

import { Host, Gauge } from "@quickgui/solid/swift-ui";

#Usage

<Host matchContents>
  <Gauge
    value={storageUsed()}
    min={0}
    max={100}
    label="Storage"
    currentValueLabel={String(storageUsed()) + "%"}
    style="accessoryCircularCapacity"
  />
</Host>

#API reference

Expand an entry for its description and complete signature. A dash means no declaration default is documented.

`Gauge`

View source

Gauge(props: GaugeProps): NativeNode

testIDstring—

Stable identifier exposed to macOS accessibility and UI testing.

string

View source

modifiersViewModifier[]—

SwiftUI modifiers, applied in array order.

ViewModifier[]

View source

valuenumber—

Declares value. Reactive JSX expressions update this property in place.

number

View source

minnumber—

Declares min (optional). Reactive JSX expressions update this property in place.

number

View source

maxnumber—

Declares max (optional). Reactive JSX expressions update this property in place.

number

View source

labelstring—

Declares label (optional). Reactive JSX expressions update this property in place.

string

View source

currentValueLabelstring—

Declares currentValueLabel (optional). Reactive JSX expressions update this property in place.

string

View source

minimumValueLabelstring—

Declares minimumValueLabel (optional). Reactive JSX expressions update this property in place.

string

View source

maximumValueLabelstring—

Declares maximumValueLabel (optional). Reactive JSX expressions update this property in place.

string

View source

styleGaugeStyle—

Layout, typography, paint, and interaction-state styles. Arrays merge left to right.

GaugeStyle

View source

ref((node: NativeNode) => void) | NativeNode—

Declares ref (optional). Reactive JSX expressions update this property in place.

((node: NativeNode) => void) | NativeNode

View source