Working with SharePoint PropertyPane can be a cumbersome task as we only have a handful of controls which can be used. After struggling for a month, I decided to create several re-usable controls for ProperyPane.
Here is the link to git repo where i’ll be adding more custom properties for PropertyPane https://github.com/anchit1501/spfx-propertypane-controls
ColorPicker is one of the easiest control which helped me with deeper understanding of how controls work in SharePoint PropertyPane.
Let’s start by creating a HelloWorld webpart where we will create and integrate our ColorPicker and use it to control color in our webpart.