honeymoose
/
sp-dev-fx-webparts
mirror of https://github.com/pnp/sp-dev-fx-webparts.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
sp-dev-fx-webparts/samples/react-ppw-html
History
PathToSharePoint f6b1756c76 Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 
git-subtree-dir: samples/react-ppw-html
git-subtree-mainline: 120045d287
git-subtree-split: 1d033d0348
 		2022-02-09 22:42:05 -08:00
..
.vscode Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
assets Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
config Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
src Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
teams Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
.gitignore Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
.npmignore Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
.yo-rc.json Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
Instructions.md Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
README.md Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
gulpfile.js Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
package-lock.json Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
package.json Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
tsconfig.json Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00
tslint.json Add 'samples/react-ppw-html/' from commit '1d033d0348cda84f2cd1d524b4a853c997d1f767' 2022-02-09 22:42:05 -08:00

README.md

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