No Framework - AJIXuMuK/generator-spfx-proppane-control GitHub Wiki

No Framework option allows to create a property pane control using plain JavaScript (TypeScript) and CSS.

New control is added to /src/propertyFields/<componentName> folder. Next files are added to the folder:

  • IPropertyField<ComponentName>.ts - contains interfaces for the properties used in the control. Add you custom properties here.
  • PropertyField<ComponentName>.ts- contains class with implementation of the control and helper function to add the control to the property pane. Use this file to add your custom control implementation.
  • PropertyField<ComponentName>.module.scss - Sass file with control's styles.