Grapesjs Component Icon

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

Share this item:
3 Sales
5 Downloads
Live Demo
Last Update:Nov 25, 2023
Published:Aug 5, 2023
Versions:
0.17.x0.18.x0.19.x0.20.x0.21.x
0

0 reviews

5
0
4
0
3
0
2
0
1
0

Product Reviews (0)

Sort By :

No Reviews Found

Question and Answers (0)

No question found

Share this item: