Components

Component

ProgressCircle

Circular progress indicator for pending or determinate work.

ReactReact Native3 props
PreviewReact

Imports

import { ProgressCircle } from "@hozorica/hods-react/progress-circle";
import { ProgressCircle } from "@hozorica/hods-react-native/progress-circle";

Props

PropTypeDescription
value / minValue / maxValuenumberDeterminate progress values.
sizeinherit | 24 | 40Circle size.
toneinherit | staticWhite | neutral | brandIndicator tone.

Platform Support

React

SVG progress circle with determinate and indeterminate modes.

React Native

ActivityIndicator backed progress circle.

Usage

<ProgressCircle tone="neutral" size="40" />

Notes

  • Omit value for indeterminate loading.