Content Blocks
Glass Prism
Blurry glass cards with smooth accordion animations.
faqglassprismaccordion
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 | #0f172a | Background color (hex, rgb, or hsl). |
blob1Color | string | #9333ea | First blob color for background effect. |
blob2Color | string | #06b6d4 | Second blob color for background effect. |
title | string | Transparency | Section title text. |
titleColor | string | #ffffff | Title text color (hex, rgb, or hsl). |
cardBgColor | string | rgba(255,255,255,0.05) | Card background color. |
activeCardBgColor | string | rgba(255,255,255,0.1) | Active card background color. |
cardBorderColor | string | rgba(255,255,255,0.1) | Card border color. |
cardTextColor | string | rgba(255,255,255,0.9) | Card text color. |
activeCardShadowColor | string | rgba(31,38,135,0.37) | Active card shadow color. |
iconBgColor | string | rgba(255,255,255,0.1) | Icon background color. |
iconColor | string | #ffffff | Icon color (hex, rgb, or hsl). |