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.

Image for post
Image for post

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.

Anchit Aggarwal

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store