//
A circular progress indicator that shows determinate or indeterminate progress.
bun add xiod-ui1import { CircularProgress } from "xiod-ui/circular-progress";1<CircularProgress>2</CircularProgress>| Prop | Type | Default | Description |
|---|---|---|---|
value | number| null| undefined | - | The progress value (0 to max). If undefined, the indicator will be indeterminate. |
max | number| undefined | 100 | The maximum progress value. Defaults to 100. |
size | number| "default"| "sm"| "lg"| "xl"| "2xl"| undefined | default | The size of the circular progress indicator. Can be a string identifier ("sm" to "2xl") or explicit pixel dimensions. |
variant | "default"| "expressive"| undefined | default | Defines standard rendering or wavy geometries wrapping the progress stroke. |
strokeWidth | number| undefined | - | The stroke width of the SVG circle. |
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. |