'React Draft Wysiwyg - Using custom toolbar icons instead of standard inline toolbar images
Is there a way to replace the inline toolbar images with custom icons like ones from React Icons?
Code (Toolbar Options):
import { AiOutlineUnorderedList } from 'react-icons/ai'
export const toolbarOptions = {
options: ['list', 'link'],
list: {
options: ['unordered', 'ordered'],
unordered: {
icon: <AiOutlineUnorderedList />, //does not work
className: undefined,
},
},
link: {
options: ['link'],
},
}
I have also tried to use <img src="./path-to-svg"/> however that does not work as well...
Any ideas?
TIA
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|
