Content Blocks
Cyber Terminal
Cyber terminal FAQ with glitch and scanline effects.
faqcyberterminalglitch
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
faqs | Array<{q: string, a: string}> | [] | Array of FAQ items with question (q) and answer (a). |
backgroundColor | string | #050505 | Background color (hex, rgb, or hsl). |
gridColor | string | rgba(0,255,0,0.03) | Grid pattern color. |
containerBgColor | string | rgba(0,0,0,0.8) | Container background color. |
containerBorderColor | string | rgba(0,255,0,0.5) | Container border color. |
containerShadowColor | string | rgba(0,255,0,0.1) | Container shadow color. |
dotColor1 | string | #ef4444 | First dot color (red). |
dotColor2 | string | #eab308 | Second dot color (yellow). |
dotColor3 | string | #22c55e | Third dot color (green). |
versionText | string | System_FAQ_v2.0 | Version text displayed in header. |
versionTextColor | string | rgba(0,255,0,0.7) | Version text color. |
questionTextColor | string | rgba(0,255,0,0.7) | Question text color. |
activeQuestionTextColor | string | #4ade80 | Active question text color. |
activeBgColor | string | rgba(0,255,0,0.1) | Active item background color. |
activeBorderColor | string | rgba(0,255,0,0.5) | Active item border color. |
answerTextColor | string | rgba(0,255,0,0.8) | Answer text color. |
answerPrefixColor | string | rgba(0,255,0,0.5) | Answer prefix color (>). |
hoverBorderColor | string | rgba(0,255,0,0.3) | Hover border color. |