Skip to content
tcpsystemsui

Theme

Colour scheme
Accent
Density
Radius
Esc

RingProgress

A circular progress indicator with a centered percentage and progressbar semantics.

beta

API

Import
import RingProgress from '@tcpsystems/ui/foundation/RingProgress';
PropTypeDefault
labelstringnone
valuenumbernone
max?number100
tone?Tonenone
size?Size'md'
HookKind
.tcp-ringRoot class
data-sizeData attribute
data-toneData attribute