Grapesjs Component Icon
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.
Questions & Answers
No questions yet. Have something to ask?
Common problems this plugin can help fix
Real community questions on the same topic β see how others worked around them.
- #3119π¬ 4 answers
How to create custom block made of grapesjs components?
- #2961π¬ 3 answers
Components in custom modal isn't editable
- #2533β Solved Β· 3
Open blocks UI Components are not visible in Downloaded (localhost) grapejs repository
- #2506π¬ 3 answers
Unable to make custom components hoverable/selectable/badgable
