Looking for help creating an icon picker block
-
Hey guys, I am pretty new to WordPress (and even newer to Gutenberg) but I am trying to work on a few things in order to get better at building custom blocks. I want to create a block that just let you insert an icon from Font Awesome. I found one that’s fairly straight forward on codepen ( https://codepen.io/ElijahFowler/pen/xGgLMw ) but am having trouble wrapping my head around actually creating it in Gutenberg or even where to start.
The way I’m figuring it is to make an array of all the different class names, create the little box or drop down that loops through the array and displays each one, and then eventually add a selector in the block for size and a color picker as well. The size and color I understand how to do, I just don’t know where to start as far as how to build the main part of this in Gutenberg. I understand how to use font awesome and link their stylesheet on a regular site like just using html, but I don’t really know how to translate this to Gutenberg or set it up as an array and loop through each one (or if there is a better way to do it).
Is there anyone who would be able to offer any guidance to me, point me in the right direction, help out a WP newb, etc.? Any sort of help would be appreciated.
The topic ‘Looking for help creating an icon picker block’ is closed to new replies.