ProgressCircle
The props declared for ProgressCircle, generated from the types @proyecto-viviana/ui ships.
Import
import { ProgressCircle } from "@proyecto-viviana/ui";Props
Differs from @proyecto-viviana/solid-spectrum
childrenexists only here.
| Prop | Type | Default | Description |
|---|---|---|---|
value | number | 0 | The current value. |
minValue | number | 0 | The smallest value allowed. |
maxValue | number | 100 | The largest value allowed. |
isIndeterminate | false | true | — | Whether presentation is indeterminate. |
size | 'S' | 'M' | 'L' | 'M' | The size of the progress circle. |
staticColor | 'white' | 'black' | 'auto' | — | The static color style to apply over a color background. |
children | number | boolean | RenderedElement | ArrayElement | (string & {}) | Node | JSX.ArrayElement | — | Content centered inside the ring — the register composes a headline count over the pixel ring (TerminalGlassLab.tsx:640-662: "3/5" over "FOCUS"). Purely visual; the accessible value stays on the progressbar attributes. |
styles | StyleString | (() => StyleString | undefined) | — | Spectrum-defined generated classes. |
UNSAFE_className | string | UnsafeClassName | — | Additional CSS class name. Use only as a last resort. |
UNSAFE_style | JSX.CSSProperties | — | Additional inline styles. Use only as a last resort. |
id | string | — | Not yet documented |
slot | string | — | Not yet documented |
ref | HTMLDivElement | ((el: HTMLDivElement) => void) | { current?: HTMLDivElement | null | undefined; } | — | Not yet documented |
aria-label | string | — | Not yet documented |
aria-labelledby | string | — | Not yet documented |
aria-describedby | string | — | Not yet documented |
aria-details | string | — | Not yet documented |
Declared in packages/viviana-ui/src/progress/ProgressCircle.tsx.
Props marked solidaria or solidaria-components come from the headless layer underneath and behave the same in both registers. Components that wrap a DOM element also accept that element's standard attributes, which are left out here on purpose — listing them would bury the props that are actually ours.