In order to implement our own property pane, we'll need a working SPFx Web Part. You can use any of the web part samples we've created earlier or simply generate a new one with the Yeoman generator.
First, double-check that your web part and the property pane work with gulp serve:
Open the project with Visual Studio Code and then navigate to the src folder and clickTypeScript file open for the web part.
In our example, this file is called PropertypaneWebPart.ts. Locate the getPropertyPaneConfiguration method:
protected getPropertyPaneConfiguration(): IPropertyPaneConfiguration {
return {
pages: [
{
header: {
description: strings.PropertyPaneDescription
},
groups: [
{
groupName: strings.BasicGroupName,
groupFields: [
PropertyPaneTextField('description', {=
label: strings.DescriptionFieldLabel
...