Introduction

  • 1 minute

SharePoint Framework client-side web parts expose their settings through the property pane. In this module, you configure the property pane, build a custom property pane field control, and integrate non-Microsoft PnP reusable controls to give users a rich configuration experience.

Prerequisites

  • Experience using SharePoint Online at the intermediate level
  • Ability to program with JavaScript, TypeScript, and Node.js
  • Experience using Visual Studio Code at the intermediate level
  • Access to a Microsoft 365 tenant

Learning objectives

  • Configure the web part property pane in a SharePoint Framework client-side web part
  • Build a custom property pane field control for a SharePoint Framework client-side web part
  • Integrate non-Microsoft (PnP) property pane controls into a SharePoint Framework client-side web part

More resources

Refer to the following repository for more resources associated with this module. This repository includes completed code samples from the exercise units found in this module: Developing with the SharePoint Framework: Working with the Web Part Property Pane.

This module is also available as a screencast: SharePoint Framework Training - Developing with the SharePoint Framework: Working with the Web Part Property Pane