sp-dev-fx-webparts/samples/pnp-controls
Joel Rodrigues 7df8ae6818 Update pnp controls webpart (#439)
* Update package versions and TypeScript config

* Update version and readme file
2018-03-09 01:33:42 +01: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 Update pnp controls webpart (#439) 2018-03-09 01:33:42 +01: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

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