ProgressRing
A ProgressRing component from the Sigil design system.
import { ProgressRing } from "@sigil-ui/components";
<ProgressRing>...</ProgressRing>
| Prop | Type | Default | Description |
|---|
tracks | ProgressRingTrack[] | — | — |
width | number | — | — |
height | number | — | — |
thickness | number | 8 | Track thickness. |
gap | number | 4 | Gap between rings. |
showLegend | boolean | true | Show legend. |
| CSS Variable | Purpose |
|---|
--s-error | Error |
--s-success | Success |
--s-info | Info |
--s-warning | Warning |
--s-border | Border |
--s-radius-full | Radius full |
--s-text-muted | Text muted |
--s-font-mono | Font mono |
--s-text | Text |