sp-dev-fx-webparts/samples/pnp-controls
Joel Rodrigues 764d8f10e0 Add tslint at the root of each SPFx project (#394) 2018-01-08 15:58:48 +02:00
..
assets Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
config Added resource config to the PnP Controls sample (#322) 2017-10-09 04:43:59 -04: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 Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
gulpfile.js Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04:00
package.json Style fix for the PnP Controls sample web part (#318) 2017-09-27 08:23:57 -04:00
tsconfig.json Added the pnp-controls sample (#314) 2017-09-26 10:26:36 -04: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

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