sp-dev-fx-webparts/samples/react-ppw-html/README.md

2.9 KiB

React-PPW-HTML

Applies to

Get your own free development tenant by subscribing to Microsoft 365 developer program

Summary

The React-PPW-HTML sample showcases the use of the Property Pane Wrap to embed HTML controls in the SPFx Property Pane.

React PPW HTML Sample

Compatibility

Compatible with SharePoint Online Does not work with SharePoint 2019 Does not work with SharePoint 2016 (Feature Pack 2) Hosted Workbench Compatible

Used SharePoint Framework Version

1.14.0.beta.5

Solution

Solution Author(s)
React-PPW-HTML Christophe Humbert

Version history

Version Date Comments
0.1.0 February 8, 2022 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Prerequisites

N/A

Minimal Path to Awesome

  • Clone this repository
  • Ensure that you are at the solution folder
  • in the command-line run:
    • npm install
    • gulp serve

Features

The sample web part illustrates the following concepts on top of the SharePoint Framework:

  • Property Pane Wrap for insertion of components in the Property Pane
  • HTML controlled and uncontrolled components in the Property Pane
  • HTML5 validity check
  • Control interdependencies (End Date >= Start Date)

References