Content Blocks
Cyber Terminal
Holographic cyber terminal stats section with green matrix theme.
statscyberterminalholographic
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
stats | Array<{label: string, value: number, unit?: string}> | [] | Array of stat items with label, value, and optional unit. |
backgroundColor | string | #000000 | Background color (hex, rgb, or hsl). |
gridColor | string | rgba(0,255,0,0.05) | Grid pattern color. |
containerBgColor | string | rgba(0,0,0,0.8) | Container background color. |
containerBorderColor | string | rgba(0,255,0,0.3) | Container border color. |
dot1Color | string | #ef4444 | First dot color (red). |
dot2Color | string | #eab308 | Second dot color (yellow). |
dot3Color | string | #22c55e | Third dot color (green). |
headerTextColor | string | #22c55e | Header text color. |
headerText | string | SYS_ADMIN // METRICS | Header text. |
labelColor | string | rgba(0,255,0,0.7) | Label text color. |
valueColor | string | #4ade80 | Value text color. |
valueGlowColor | string | rgba(74,222,128,0.5) | Value glow effect color. |
progressBarBgColor | string | #14532d | Progress bar background color. |
progressBarColor | string | #22c55e | Progress bar fill color. |
cornerColor | string | #22c55e | Corner accent color. |
footerText | string | _SYSTEM_OPTIMAL | Footer text. |
footerTextColor | string | rgba(0,255,0,0.5) | Footer text color. |