Content Blocks
Circular Rings
Circular ring stats section with radial progress indicators.
statscircularringsradial
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
stats | Array<{value: number, label: string, color?: string}> | [] | Array of stat items with value, label, and optional color. |
backgroundColor | string | #0a0a0a | Background color (hex, rgb, or hsl). |
circleBgColor | string | #333333 | Circle background color. |
circleSize | number | 160 | Circle size in pixels. |
circleRadius | number | 70 | Circle radius in pixels. |
valueColor | string | #ffffff | Value text color. |
labelColor | string | #a3a3a3 | Label text color. |