Content Blocks
Hand-Drawn
Hand-drawn sketchy FAQ with paper texture.
faqsketchhand-drawnpaper
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 | #fffdf5 | Background color (hex, rgb, or hsl). |
patternColor | string | #444 | Grid pattern color. |
title | string | Q & A | Section title text. |
titleColor | string | #0f172a | Title text color. |
titleUnderlineColor | string | #facc15 | Title underline color. |
shadowBorderColor | string | #cbd5e1 | Shadow border color. |
cardBgColor | string | #ffffff | Card background color. |
activeCardBgColor | string | #fef9c3 | Active card background color. |
cardBorderColor | string | #1e293b | Card border color. |
questionColor | string | #0f172a | Question text color. |
answerColor | string | #475569 | Answer text color. |
answerBorderColor | string | #cbd5e1 | Answer border color. |
tapeBgColor | string | rgba(254, 226, 226, 0.8) | Tape background color. |