Content Blocks
Data Rain
Matrix data rain stats section with falling characters.
statsmatrixraincharacters
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
stats | Array<{value: number, label: string}> | [] | Array of stat items with value and label. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
canvasTextColor | string | #0F0 | Canvas text color for matrix effect. |
canvasOpacity | number | 0.5 | Canvas opacity (0-1). |
cardBgColor | string | rgba(0,0,0,0.8) | Card background color. |
cardBorderColor | string | rgba(0,255,0,0.5) | Card border color. |
cardShadowColor | string | rgba(0,255,0,0.3) | Card shadow color. |
promptTextColor | string | rgba(0,255,0,0.7) | Prompt text color. |
valueColor | string | #4ade80 | Value text color. |
progressBarBgColor | string | #14532d | Progress bar background color. |
progressBarColor | string | #22c55e | Progress bar fill color. |
labelTextColor | string | #16a34a | Label text color. |
labelText | string | initialized | Label text. |