sp-dev-fx-webparts/samples/pnp-controls
Sylvia Okafor 16b3849e57 Updated sample YAML description 2020-02-14 15:30:40 -08:00
..
assets Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
config Update pnp controls webpart (#439) 2018-03-09 01:33:42 +01:00
src/webparts/pnpControls Style fix for the PnP Controls sample web part (#318) 2017-09-27 08:23:57 -04:00
typings Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
.editorconfig Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
.gitignore Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
.yo-rc.json Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
README.md Updated sample YAML description 2020-02-14 15:30:40 -08:00
gulpfile.js Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
package-lock.json Update pnp controls webpart (#439) 2018-03-09 01:33:42 +01:00
package.json Update pnp controls webpart (#439) 2018-03-09 01:33:42 +01:00
tsconfig.json Update pnp controls webpart (#439) 2018-03-09 01:33:42 +01:00
tslint.json Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00

README.md

page_type products languages extensions
sample
office-sp
javascript
typescript
contentType technologies platforms createdDate
samples
SharePoint Framework
react
10/1/2017 12:00:00 AM

SharePoint Framework PnP Controls Sample

Summary

This is a sample project that contains a web part which makes use of the PnP SPFx Controls:

Web part outcome

Used SharePoint Framework Version

drop

Which PnP SPFx controls are being used in this sample?

The sample makes use of the following controls:

  • PropertyFieldListPicker
  • PropertyFieldTermPicker
  • Placeholder
  • ListView (which also uses the FileTypeIcon control)

Applies to

Solution

Solution Author(s)
pnp-controls Elio Struyf (MVP, U2U, @eliostruyf)

Version history

Version Date Comments
0.0.1 September 20, 2017 Initial release
0.0.2 March 03, 2018 Update to 1.4.1

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.


Minimal Path to Awesome

To test out this web part, you need to have a library with a managed metadata field. In my case, I made use of a field called Country.

Documents

Once you have such a library in place, you can copy the code and run the following commands:

npm install
gulp serve --nobrowser