Custom icons for the ChatPanel component.
All icons in the ChatPanel can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
import { FaPaperPlane, FaComments } from 'react-icons/fa';const customIcons: Partial<ChatPanelIcons> = { send: <FaPaperPlane />, chat: <FaComments />,};<ChatPanel icons={customIcons} /> Copy
import { FaPaperPlane, FaComments } from 'react-icons/fa';const customIcons: Partial<ChatPanelIcons> = { send: <FaPaperPlane />, chat: <FaComments />,};<ChatPanel icons={customIcons} />
Chat header icon
Send button icon
Custom icons for the ChatPanel component.
Remarks
All icons in the ChatPanel can be replaced with custom React nodes. This allows using different icon libraries or custom SVGs.
Example