diff --git a/samples/react-news-banner/README.md b/samples/react-news-banner/README.md index c7068ff49..34ed3eeb0 100644 --- a/samples/react-news-banner/README.md +++ b/samples/react-news-banner/README.md @@ -45,9 +45,8 @@ No pre-requisites ## 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 +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 -This extension illustrates the following concepts: ## Disclaimer @@ -57,10 +56,10 @@ This extension illustrates the following concepts: 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](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-organisation-chart&authors=@joaojmendes&title=react-organisation-chart%20-%20). +If you encounter any issues while using this sample, [create a new issue](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=bug-report.yml&sample=react-news-banner&authors=@joaojmendes&title=react-news-banner%20-%20). -For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-organisation-chart&authors=@joaojmendes&title=react-organisation-chart%20-%20). +For questions regarding this sample, [create a new question](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=question.yml&sample=react-news-banner&authors=@joaojmendes&title=react-news-banner%20-%20). -Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-organisation-chart&authors=@joaojmendes&title=react-organisation-chart%20-%20). +Finally, if you have an idea for improvement, [make a suggestion](https://github.com/pnp/sp-dev-fx-webparts/issues/new?assignees=&labels=Needs%3A+Triage+%3Amag%3A%2Ctype%3Abug-suspected&template=suggestion.yml&sample=react-news-banner&authors=@joaojmendes&title=react-news-banner%20-%20). diff --git a/samples/react-news-banner/assets/sample.json b/samples/react-news-banner/assets/sample.json new file mode 100644 index 000000000..6ede9f139 --- /dev/null +++ b/samples/react-news-banner/assets/sample.json @@ -0,0 +1,58 @@ +[ + { + "name": "pnp-sp-dev-spfx-web-parts-react-news-banner", + "source": "pnp", + "title": "News Banner", + "shortDescription": "Shows news information as a Banner, this information come from a list defined in any site.", + "url": "https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-news-banner", + "longDescription": [ + "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." + ], + "creationDateTime": "2021-05-06", + "updateDateTime": "2021-05-06", + "products": [ + "SharePoint", + "Office" + ], + "metadata": [ + { + "key": "CLIENT-SIDE-DEV", + "value": "React" + }, + { + "key": "SPFX-VERSION", + "value": "1.4.1" + } + ], + "thumbnails": [ + { + "type": "image", + "order": 100, + "url": "https://github.com/pnp/sp-dev-fx-webparts/raw/main/samples/react-news-banner/assets/NewsBanner.gif", + "alt": "Web Part Preview" + }, + { + "type": "image", + "order": 101, + "url": "https://github.com/pnp/sp-dev-fx-webparts/blob/main/samples/react-news-banner/assets/NewsBanner.png?raw=true", + "alt": "List Items Menu" + } + ], + "authors": [ + { + "gitHubAccount": "joaojmendes", + "company": "Storm Technology Ltd", + "pictureUrl": "https://github.com/joaojmendes.png", + "name": "Jo\u00E3o Mendes", + "twitter": "joaojmendes" + } + ], + "references": [ + { + "name": "Build your first SharePoint client-side web part", + "description": "Client-side web parts are client-side components that run in the context of a SharePoint page. Client-side web parts can be deployed to SharePoint environments that support the SharePoint Framework. You can also use modern JavaScript web frameworks, tools, and libraries to build them.", + "url": "https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part" + } + ] + } +]