Content Blocks
Gravity Chaos
Gravity chaos stats section with dynamic animations.
statsgravitychaosdynamic
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
stats | Array<{value: number, label: string, color?: string, size?: string, x?: number, y?: number}> | [] | Array of stat items with value, label, optional color, size, x, and y positions. |
backgroundColor | string | #111111 | Background color (hex, rgb, or hsl). |
patternColor | string | #222222 | Grid pattern color. |
containerBorderColor | string | rgba(255,255,255,0.2) | Container border color. |
hintText | string | DRAG_THE_DATA // PHYSICS_ENABLED | Hint text displayed in container. |
hintTextColor | string | rgba(255,255,255,0.5) | Hint text color. |
statValueColor | string | #000000 | Stat value text color. |
statLabelColor | string | #000000 | Stat label text color. |
statShadowColor | string | rgba(0,0,0,0.5) | Stat shadow color. |
statBorderColor | string | #000000 | Stat border color. |