Smart FAQ — interactive FAQ

The component is designed to be highly flexible and automatically handling different data structures for seamless integration.

Customization Options

📦 Content Settings

• FAQ items (question, answer, category)

• Toggle options:

  • Show/Hide search bar

  • Show/Hide category filter

• Custom search placeholder

🎬 Animation

• Adjustable animation speed for accordion transitions

🎨 Colors

• Background

• Question text

• Answer text

• Accent color (icons & hover)

• Border

• Search input background

• Category states (active & inactive)

🔤 Typography

• Question font (size, weight, spacing)

• Answer font

• Category font

📐 Layout

• Border radius

• Spacing between elements