Grapesjs Component Icon
2 images

Grapesjs Component Icon

$50.00$67.50
GrapesJS:0.20.x0.21.x0.22.x

What's Included

  • Source code package (project files)
  • Production-ready dist build
  • Commercial license
  • Future updates included

GrapesJS Compatible

Tested with GrapesJS 0.20.x, 0.21.x, 0.22.x

Source Code Included

Full source + production-ready dist build

Editor Compatible

Designed for the GrapesJS open-source editor

Commercial License

Use in client projects without restrictions

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"]

Ratings:

No reviews yet. Be the first to share your experience.


Share this item:
Last Update:Jan 12, 2026
Published:Aug 5, 2023
Versions:
0.20.x0.21.x0.22.x
Files Included:
Source code package (project files)Production-ready dist build

Questions & Answers

No questions yet. Have something to ask?