To get started in implementing a property pane and controlling the property values within the property pane, we must first understand the elements available in a property pane.
The property pane consists of the following three key elements:
- Pages, which are separate pages in a single property pane
- Headers, the title for the property pane
- Groups, which are sections in the property pane
Each property pane has to contain a page and at least one group. The header is always optional, as it is more or less a usability element.
In the following screenshot, 1 is the page, 2 is the header, and 3 is the group: