Custom icons for the QAPanel component.
All icons in the QAPanel can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
import { FaQuestionCircle, FaThumbsUp } from 'react-icons/fa';const customIcons: Partial<QAPanelIcons> = { qa: <FaQuestionCircle />, upvote: <FaThumbsUp />,};<QAPanel icons={customIcons} /> Copy
import { FaQuestionCircle, FaThumbsUp } from 'react-icons/fa';const customIcons: Partial<QAPanelIcons> = { qa: <FaQuestionCircle />, upvote: <FaThumbsUp />,};<QAPanel icons={customIcons} />
Answer icon
Close for answers icon
Delete button icon
Open for answers icon
Pin button icon
Q&A header icon
Send/submit button icon
Sort dropdown icon
Unpin button icon
Upvote button icon (not upvoted)
Upvote button icon (already upvoted)
Custom icons for the QAPanel component.
Remarks
All icons in the QAPanel can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
Example