Content Blocks
Soft Minimal
Clean and airy minimal FAQ design.
faqminimalcleanairy
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 | #FAFAFA | Background color (hex, rgb, or hsl). |
title | string | Help & Support | Section title text. |
titleColor | string | #171717 | Title text color. |
cardBgColor | string | #ffffff | Card background color. |
cardShadowColor | string | rgba(0,0,0,0.03) | Card shadow color. |
cardHoverShadowColor | string | rgba(0,0,0,0.04) | Card shadow color on hover. |
iconBorderColor | string | #e5e5e5 | Icon border color. |
activeIconBgColor | string | #000000 | Active icon background color. |
activeIconColor | string | #ffffff | Active icon color. |
inactiveIconColor | string | #a3a3a3 | Inactive icon color. |
questionTextColor | string | #737373 | Question text color. |
activeQuestionTextColor | string | #000000 | Active question text color. |
answerTextColor | string | #737373 | Answer text color. |