//
A semi-circular indicator that displays a value within a defined range.
bun add xiod-ui1import { Gauge } from "xiod-ui/gauge";1<Gauge>2</Gauge>| Prop | Type | Default | Description |
|---|---|---|---|
value | number| undefined | 0 | The progress value (0 to max). |
max | number| undefined | 100 | The maximum progress value. Defaults to 100. |
size | number| undefined | 120 | The size of the gauge (diameter) in pixels. Defaults to 120. |
strokeWidth | number| undefined | 12 | The stroke width of the SVG circle. Defaults to 12. |
showValue | boolean| undefined | true | Whether to display the value text in the center. Defaults to true. |
render | ReactElement<unknown, string| JSXElementConstructor<any>>| ComponentRenderFn<HTMLProps, {}>| undefined | - | Allows you to replace the component's HTML element with a different tag, or compose it with another component. Accepts a `ReactElement` or a function that returns the element to render. |