Content Blocks
Gravity Physics
Gravity physics FAQ with draggable bubbles.
faqgravityphysicsdraggable
Props
Customize the component with these props
| Property | Type | Default | Description |
|---|---|---|---|
faqs | Array<{id: number, q: string, a: string}> | [] | Array of FAQ items with id, question (q) and answer (a). |
backgroundColor | string | #111111 | Background color (hex, rgb, or hsl). |
backgroundText | string | CHAOS | Background text displayed behind bubbles. |
backgroundTextColor | string | #222222 | Background text color. |
bubbleBgColor | string | rgba(255,255,255,0.05) | Bubble background color. |
bubbleBorderColor | string | rgba(255,255,255,0.2) | Bubble border color. |
bubbleTextColor | string | #ffffff | Bubble text color. |
activeBubbleBgColor | string | #a3e635 | Active bubble background color. |
activeBubbleTextColor | string | #000000 | Active bubble text color. |
activeBubbleShadowColor | string | rgba(163, 230, 53, 0.4) | Active bubble shadow color. |
hintText | string | DRAG_TO_INSPECT // PHYSICS_ENGINE_ACTIVE | Hint text displayed at bottom. |
hintTextColor | string | rgba(255,255,255,0.5) | Hint text color. |