Content Blocks
Clay Morphic
3D soft clay morphic FAQ with neumorphic design.
faqclaymorphic3d
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 | #eef0f4 | Background color (hex, rgb, or hsl). |
title | string | Just ask. | Section title text. |
titleColor | string | #475569 | Title text color. |
cardBgColor | string | #eef0f4 | Card background color. |
cardTextColor | string | #475569 | Card text color. |
cardSubtextColor | string | #64748b | Card subtext/answer color. |
iconColor | string | #94a3b8 | Icon color. |
activeIconBgColor | string | #60a5fa | Active icon background color. |
activeIconColor | string | #ffffff | Active icon color. |
shadowLightColor | string | #ffffff | Light shadow color for neumorphic effect. |
shadowDarkColor | string | #d1d9e6 | Dark shadow color for neumorphic effect. |