Skip to Content
MavKitOne is in beta. @mav-labs-inc/mavkit-react is not public packages yet.
ComponentsProgress Spinner

Progress Spinner

Circular counterpart to ProgressBar, with the same value/state/indeterminate/ref API.

Usage

import { ProgressSpinner } from '@mav-labs-inc/mavkit-react' <ProgressSpinner value={pct} label="Syncing" /> <ProgressSpinner indeterminate />

Examples

Basic

0%SyncingSyncing

States

Complete
Failed
Warning

Props

PropTypeDefaultDescription
valuenumber0
state'info' | 'success' | 'error' | 'warning' | null—
stateLabelstring—Custom accessible label for the current state (defaults per state).
labelstring—
indeterminatebooleanfalse
classNamestring—
refRef<ProgressSpinnerHandle>—{ setValue(v), getValue(), animateTo(target, duration?) }
Last updated on