This plugin add an icon component and block which can be added to a website as desired. You can double click the component to open a modal with iconify finder which you can use to search for icons from multiple libraries such as material design, font-awesome etc, and also edit the icon properties such as color and size. Please check the sample provided in index.html for a more complete setup and more information is also provided in the README.md

Components

icon

Blocks

icon

Options

1. iconBlock - Options for extending the icon block - {}
2. config - IconifyFinder's configurations - {}
3. constructor - Pass the editor constructor. By default, the `IconFinder` will be called - ``
4. labelIconPicker - Label for the image editor (used in the modal) - Icon Picker
5. commandId - Id to use to create the icon finder command - icon-finder
6. onEvent - Handle iconfinder events `onEvent: (event) => {}` - false
7. maxWidth - Container max-height - 100%
8. script - Scripts to load dynamically in case no Iconifiy instance was found - ["https://unpkg.com/@ju99ernaut/iconsearch/dist/icon-finder.min.js"]
9. style - In case the script is loaded this style will be loaded too - ["https://unpkg.com/@ju99ernaut/iconsearch/dist/style.css"]

grapesjs blocks

Grapesjs Component Icon

Users Blocks

Grapesjs Twitch

Grapesjs GA