Summary
In this chapter, we covered all you need to know about the property pane for a web part. We started by explaining how web part properties were structured and handled by SPFx through the property bag and detailed the serializing/deserializing flow. Then, we focused on the default provided controls and their usage. We listed all the available controls and saw a basic usage of a slider-type field to control the number of tiles to be displayed in our product catalog web part.
Then, we went a little further by creating our own custom property pane control to dynamically fetch the available lists on the current site and let the user choose one. We detailed the typical custom field files and folder structure and provided some key code snippets to fully understand the prerequisites to build a custom field. We finished by providing tips and tricks to take full benefit of the property pane for your solution.
With this knowledge, you are now able to make your web parts more flexible...
