sp-dev-fx-webparts/samples/react-news-banner
Hugo Bernier c7fecfd583 Moved disclaimer to bottom 2021-11-07 02:11:17 -05:00
..
assets Updated readme and sample.json 2021-05-20 00:19:41 -04:00
config new Sample react-news-banner 2021-05-06 21:42:14 +01:00
src commit chnages 2021-05-07 22:35:29 +01:00
tools new Sample react-news-banner 2021-05-06 21:42:14 +01:00
.editorconfig new Sample react-news-banner 2021-05-06 21:42:14 +01:00
.eslintrc.json new Sample react-news-banner 2021-05-06 21:42:14 +01:00
.gitignore new Sample react-news-banner 2021-05-06 21:42:14 +01:00
.yo-rc.json new Sample react-news-banner 2021-05-06 21:42:14 +01:00
README.md Moved disclaimer to bottom 2021-11-07 02:11:17 -05:00
gulpfile.js new Sample react-news-banner 2021-05-06 21:42:14 +01:00
package-lock.json new Sample react-news-banner 2021-05-06 21:42:14 +01:00
package.json new Sample react-news-banner 2021-05-06 21:42:14 +01:00
tsconfig.json new Sample react-news-banner 2021-05-06 21:42:14 +01:00

README.md

News Banner

Summary

This web part shows news information as a Banner, this information come from a list defined in any site, this web part can be installed on 2019, and SharePoint Online.

NewsBanner NewsBanner

Compatibility

SPFx 1.4.1 Node.js v6 | v8 SharePoint 2019 | Online Teams No: Not designed for Microsoft Teams Workbench Hosted: Does not work with local workbench

Applies to

Solution

Solution Author(s)
react-news-banner João Mendes, Storm Technology, (@joaojmendes)

Version history

Version Date Comments
1.0 May, 2021 Initial release

Prerequisites

No pre-requisites

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

This web part shows how to use PnPjs, Office-ui-fabric-react, @pnp/spfx-controls-react, @pnp/spfx-property-controls to create an News Banner

Help

We do not support samples, but we do use GitHub to track issues and constantly want to improve these samples.

If you encounter any issues while using this sample, create a new issue.

For questions regarding this sample, create a new question.

Finally, if you have an idea for improvement, make a suggestion.

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.