From f40cdcdfd236d918e8b24b14401892a956cf97b6 Mon Sep 17 00:00:00 2001 From: Hugo Bernier Date: Mon, 17 Oct 2022 10:21:52 -0400 Subject: [PATCH] Added links to compatibility matrix --- samples/js-myflows/README.md | 4 ++++ samples/js-propertycontrols-svg/README.md | 5 +++++ samples/react-accordion-section/README.md | 4 ++++ samples/react-async-await-sp-pnp-js/README.md | 5 +++++ samples/react-check-flows/README.md | 4 ++++ samples/react-custom-links/README.md | 5 +++++ samples/react-global-news-sp2019/README.md | 6 ++++-- samples/react-graph-personalemail/README.md | 5 +++++ samples/react-group-members/README.md | 4 ++++ samples/react-groups-teams/README.md | 8 ++++++++ .../react-image-slider-list-taxonomy-filter/README.md | 4 ++++ samples/react-members-with-presence/README.md | 5 +++++ samples/react-mobx-multiple-stores/README.md | 8 ++++++++ samples/react-mobx/README.md | 5 ++++- samples/react-organisationchart/README.md | 4 ++++ samples/react-pnp-js-sample/README.md | 5 +++++ samples/react-redux/README.md | 5 ++++- samples/react-side-panel/README.md | 6 ++++++ samples/react-sp-pnp-js-property-decorators/README.md | 4 ++++ samples/react-staff-directory-sp2019/README.md | 6 ++++++ samples/react-team-creator/README.md | 5 +++++ samples/react-themes/README.md | 6 ++++++ samples/react-upgrade-me/README.md | 5 +++++ samples/react-versiondisplay/README.md | 9 +++++++++ samples/react-youtube/README.md | 5 +++++ samples/react-zpl-viewer/README.md | 6 ++++++ samples/vue-js-org-chart/README.md | 4 ++++ templates/README-template.md | 2 ++ 28 files changed, 140 insertions(+), 4 deletions(-) diff --git a/samples/js-myflows/README.md b/samples/js-myflows/README.md index 4da467572..b650e4149 100755 --- a/samples/js-myflows/README.md +++ b/samples/js-myflows/README.md @@ -23,6 +23,8 @@ ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.8.2](https://img.shields.io/badge/SPFx-1.8.2-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -32,6 +34,8 @@ ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Online](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/js-propertycontrols-svg/README.md b/samples/js-propertycontrols-svg/README.md index f508c64ee..2280a34f2 100644 --- a/samples/js-propertycontrols-svg/README.md +++ b/samples/js-propertycontrols-svg/README.md @@ -1,3 +1,4 @@ + # Dynamic Scalable Vector Graphics (SVG) image using properties ## Summary @@ -9,6 +10,8 @@ An SPFx web part that displays a Scalable Vector Graphics (SVG) image using prop ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.13.0](https://img.shields.io/badge/SPFx-1.13.0-green.svg) ![Node.js v6](https://img.shields.io/badge/Node.js-v14-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -18,6 +21,8 @@ An SPFx web part that displays a Scalable Vector Graphics (SVG) image using prop ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Which PnP SPFx controls are being used in this sample? * [PropertyFieldSpinButton](https://github.com/pnp/sp-dev-fx-property-controls/wiki/PropertyFieldSpinButton) diff --git a/samples/react-accordion-section/README.md b/samples/react-accordion-section/README.md index 1321615b5..f1a399f3e 100644 --- a/samples/react-accordion-section/README.md +++ b/samples/react-accordion-section/README.md @@ -27,6 +27,8 @@ ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.10.0](https://img.shields.io/badge/SPFx-1.10.0-green.svg) ![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -36,6 +38,8 @@ ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-async-await-sp-pnp-js/README.md b/samples/react-async-await-sp-pnp-js/README.md index 204620841..5b74c8e50 100644 --- a/samples/react-async-await-sp-pnp-js/README.md +++ b/samples/react-async-await-sp-pnp-js/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -34,6 +37,8 @@ This web part demonstrates how to use [PnPJS](https://pnp.github.io/pnpjs/) with ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-check-flows/README.md b/samples/react-check-flows/README.md index aec041429..b39adff4b 100644 --- a/samples/react-check-flows/README.md +++ b/samples/react-check-flows/README.md @@ -12,6 +12,8 @@ The web part only displays the flows which are shared with the current user and ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.9.1](https://img.shields.io/badge/SPFx-1.9.1-green.svg) ![Node.js v10 | v8](https://img.shields.io/badge/Node.js-v10%20%7C%20v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -21,6 +23,8 @@ The web part only displays the flows which are shared with the current user and ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Minimal Path to Awesome - git clone the repo diff --git a/samples/react-custom-links/README.md b/samples/react-custom-links/README.md index d8fd8657d..193abac20 100644 --- a/samples/react-custom-links/README.md +++ b/samples/react-custom-links/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -45,6 +48,8 @@ In this web part you can full customize the background and foreground color, fon ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-global-news-sp2019/README.md b/samples/react-global-news-sp2019/README.md index 62ae0ec5d..e4a314d1b 100644 --- a/samples/react-global-news-sp2019/README.md +++ b/samples/react-global-news-sp2019/README.md @@ -30,10 +30,10 @@ Please go to https://newsapi.org to get more information. ![picture of the web part in action](assets/GlobalNews01.png) - - ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg) ![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -43,6 +43,8 @@ Please go to https://newsapi.org to get more information. ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-graph-personalemail/README.md b/samples/react-graph-personalemail/README.md index 3fe2c52b5..9e06ba357 100644 --- a/samples/react-graph-personalemail/README.md +++ b/samples/react-graph-personalemail/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: # Personal e-mail ## Summary @@ -17,6 +20,8 @@ Sample React web part showing how to retrieve and display personal e-mail retrie ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-group-members/README.md b/samples/react-group-members/README.md index d3aff0ca4..1d680ef82 100644 --- a/samples/react-group-members/README.md +++ b/samples/react-group-members/README.md @@ -6,12 +6,16 @@ Uses the MS Graph client to list the members of a group(s) and displays Person C ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.14.0](https://img.shields.io/badge/SPFx-1.14.0-green.svg) ![Node.js v14 | v12 | v10](https://img.shields.io/badge/Node.js-v14%20%7C%20v12%20%7C%20v10-green.svg) ![SharePoint Online](https://img.shields.io/badge/SharePoint-Online-yellow.svg) ![Workbench Hosted: Does not work with local workbench](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Does not work with local workbench") ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to diff --git a/samples/react-groups-teams/README.md b/samples/react-groups-teams/README.md index 73e285d65..614e404bb 100644 --- a/samples/react-groups-teams/README.md +++ b/samples/react-groups-teams/README.md @@ -1,3 +1,9 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: +## Compatibility + +This sample is designed to be used in the following enviroments: # All Microsoft 365 Groups and Teams with SPFx ## Summary @@ -35,6 +41,8 @@ Web part pulls all Microsoft 365 Groups and Teams that the logged in user has ac ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-yellow.svg "Only after API permissions granted") ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework Developer Preview](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-image-slider-list-taxonomy-filter/README.md b/samples/react-image-slider-list-taxonomy-filter/README.md index 9f5ff6b38..b53073588 100644 --- a/samples/react-image-slider-list-taxonomy-filter/README.md +++ b/samples/react-image-slider-list-taxonomy-filter/README.md @@ -12,6 +12,8 @@ This web part display the image in slider based on the filter of Taxonomy from P ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.6](https://img.shields.io/badge/SPFx-1.6.0-green.svg) ![Node.js v8 | v6](https://img.shields.io/badge/Node.js-v8%20%7C%20v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -20,6 +22,8 @@ This web part display the image in slider based on the filter of Taxonomy from P ![Local Workbench Compatible](https://img.shields.io/badge/Local%20Workbench-Compatible-green.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-members-with-presence/README.md b/samples/react-members-with-presence/README.md index c766aee24..31e55562e 100644 --- a/samples/react-members-with-presence/README.md +++ b/samples/react-members-with-presence/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: # SPFx Web part Group members list with Presence information ## Summary @@ -18,6 +21,8 @@ This sample shows how to get the members of a specific group, including their pr ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework Developer](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-mobx-multiple-stores/README.md b/samples/react-mobx-multiple-stores/README.md index 224cfcaa3..65b21ae05 100644 --- a/samples/react-mobx-multiple-stores/README.md +++ b/samples/react-mobx-multiple-stores/README.md @@ -1,3 +1,9 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: +## Compatibility + +This sample is designed to be used in the following enviroments: # Using Mobx with multiple stores ## Summary @@ -18,6 +24,8 @@ A sample web part that uses the [Mobx](https://mobx.js.org/) library with multip ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-mobx/README.md b/samples/react-mobx/README.md index 841ead19a..cab40d487 100644 --- a/samples/react-mobx/README.md +++ b/samples/react-mobx/README.md @@ -24,9 +24,10 @@ Sample web part implementation that uses [Mobx](https://github.com/mobxjs/mobx) ### Non-Reactive ![](https://i.gyazo.com/876858e31cf14de1b6d1a281a0636029.gif) - ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 0.5.1](https://img.shields.io/badge/SPFx-0.5.0-orange.svg) ![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -36,6 +37,8 @@ Sample web part implementation that uses [Mobx](https://github.com/mobxjs/mobx) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to diff --git a/samples/react-organisationchart/README.md b/samples/react-organisationchart/README.md index 638873131..8e066720d 100644 --- a/samples/react-organisationchart/README.md +++ b/samples/react-organisationchart/README.md @@ -25,6 +25,8 @@ A simple Organisation Chart web part using Office UI Fabric, React, REST API bat ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.0.0](https://img.shields.io/badge/SPFx-1.0.0-green.svg) ![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -34,6 +36,8 @@ A simple Organisation Chart web part using Office UI Fabric, React, REST API bat ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-pnp-js-sample/README.md b/samples/react-pnp-js-sample/README.md index b8d8ae5fd..d92a6c7d3 100644 --- a/samples/react-pnp-js-sample/README.md +++ b/samples/react-pnp-js-sample/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -33,6 +36,8 @@ This implementaiton refactors to take aspects out and utilize and showcase PnPjs ![Local Workbench Incompatible](https://img.shields.io/badge/Local%20Workbench-Incompatible-red.svg) ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-redux/README.md b/samples/react-redux/README.md index 1e517a6f8..674b58033 100644 --- a/samples/react-redux/README.md +++ b/samples/react-redux/README.md @@ -27,9 +27,10 @@ Sample web part implementation that uses [Redux](https://github.com/reactjs/redu ![](https://i.gyazo.com/1981f22fa6a162931a29ce8dad9c2657.gif) - ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 0.4.0](https://img.shields.io/badge/SPFx-0.4.0-orange.svg) ![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -39,6 +40,8 @@ Sample web part implementation that uses [Redux](https://github.com/reactjs/redu ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to diff --git a/samples/react-side-panel/README.md b/samples/react-side-panel/README.md index e7a298987..35ec94f46 100644 --- a/samples/react-side-panel/README.md +++ b/samples/react-side-panel/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -33,6 +36,9 @@ The web part illustrates creation and usage of Side Panel (Sidebar) control. ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-sp-pnp-js-property-decorators/README.md b/samples/react-sp-pnp-js-property-decorators/README.md index e33c0e152..9925d1a98 100644 --- a/samples/react-sp-pnp-js-property-decorators/README.md +++ b/samples/react-sp-pnp-js-property-decorators/README.md @@ -8,6 +8,8 @@ You can also find more information in the [blog series about working with Custom ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.1.0](https://img.shields.io/badge/SPFx-1.1.0-green.svg) ![Node.js v6](https://img.shields.io/badge/Node.js-v6-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -18,6 +20,8 @@ You can also find more information in the [blog series about working with Custom ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to diff --git a/samples/react-staff-directory-sp2019/README.md b/samples/react-staff-directory-sp2019/README.md index 3a8a3d3dc..5b263a1a1 100644 --- a/samples/react-staff-directory-sp2019/README.md +++ b/samples/react-staff-directory-sp2019/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -35,6 +38,9 @@ This web part shows the current user's colleagues, and allows the user to search ![Workbench Hosted: Does not work with local workbench](https://img.shields.io/badge/Workbench-Hosted-yellow.svg "Does not work with local workbench") ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to [SharePoint Framework](https://aka.ms/spfx) diff --git a/samples/react-team-creator/README.md b/samples/react-team-creator/README.md index 75db0b8ec..a03709336 100644 --- a/samples/react-team-creator/README.md +++ b/samples/react-team-creator/README.md @@ -14,6 +14,8 @@ The web part illustrates usage of MS Graph beta APIs to work with Teams: ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.7.0](https://img.shields.io/badge/SPFx-1.7.0-green.svg) ![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -24,6 +26,9 @@ The web part illustrates usage of MS Graph beta APIs to work with Teams: ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-themes/README.md b/samples/react-themes/README.md index b735b6d6b..4de6b7ac3 100644 --- a/samples/react-themes/README.md +++ b/samples/react-themes/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -37,6 +40,9 @@ The Section Theme web part illustrates how to use theme variant variables to sty ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-upgrade-me/README.md b/samples/react-upgrade-me/README.md index fcb327fc3..44957aecf 100644 --- a/samples/react-upgrade-me/README.md +++ b/samples/react-upgrade-me/README.md @@ -9,6 +9,8 @@ This web part does nothing, really. It is intended to be used to test upgrading ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.4.1](https://img.shields.io/badge/SPFx-1.4.1-green.svg "SPFx 1.4.1 works with SharePoint 2019 and SharePoint Online") ![Node.js v6 | v8](https://img.shields.io/badge/Node.js-LTS%206.x%20%7C%20v8-green.svg "Node.js v6 or v8 is required to run SPFx 1.4.1") ![SharePoint 2019 | Online - It won't work with SharePoint 2016](https://img.shields.io/badge/SharePoint-2019%20%7C%20Online-yellow.svg "It won't work on SharePoint 2016") @@ -17,6 +19,9 @@ This web part does nothing, really. It is intended to be used to test upgrading ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-versiondisplay/README.md b/samples/react-versiondisplay/README.md index e141db139..03dede0b8 100644 --- a/samples/react-versiondisplay/README.md +++ b/samples/react-versiondisplay/README.md @@ -1,3 +1,9 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: +## Compatibility + +This sample is designed to be used in the following enviroments: --- page_type: sample products: @@ -34,6 +40,9 @@ Display your SharePoint solution version within your web parts. ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-youtube/README.md b/samples/react-youtube/README.md index 4397a8824..8fef2be8e 100644 --- a/samples/react-youtube/README.md +++ b/samples/react-youtube/README.md @@ -24,6 +24,8 @@ This web part allows to search and view the YouTube videos, across the YouTube A ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.11](https://img.shields.io/badge/SPFx-1.11.0-green.svg) ![Node.js v10](https://img.shields.io/badge/Node.js-v10-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -33,6 +35,9 @@ This web part allows to search and view the YouTube videos, across the YouTube A ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/react-zpl-viewer/README.md b/samples/react-zpl-viewer/README.md index 5d6936f07..119c8215f 100644 --- a/samples/react-zpl-viewer/README.md +++ b/samples/react-zpl-viewer/README.md @@ -1,3 +1,6 @@ +## Compatibility + +This sample is designed to be used in the following enviroments: # react-zpl-viewer ## Summary @@ -18,6 +21,9 @@ This web part will allow a user to select a text file contatining zpl which is u ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) + +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/samples/vue-js-org-chart/README.md b/samples/vue-js-org-chart/README.md index 5e1f0ff78..90a20c139 100644 --- a/samples/vue-js-org-chart/README.md +++ b/samples/vue-js-org-chart/README.md @@ -9,6 +9,8 @@ A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API. ## Compatibility +This sample is designed to be used in the following enviroments: + ![SPFx 1.8.1](https://img.shields.io/badge/SPFx-1.8.1-green.svg) ![Node.js v8](https://img.shields.io/badge/Node.js-v8-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg) @@ -18,6 +20,8 @@ A simple Organisation Chart web part using Office UI Fabric, VueJS, REST API. ![Hosted Workbench Compatible](https://img.shields.io/badge/Hosted%20Workbench-Compatible-green.svg) ![Compatible with Remote Containers](https://img.shields.io/badge/Remote%20Containers-Compatible-green.svg) +For more information about SPFx compatibility, please refer to https://aka.ms/spfx-matrix + ## Applies to * [SharePoint Framework](https://docs.microsoft.com/sharepoint/dev/spfx/sharepoint-framework-overview) diff --git a/templates/README-template.md b/templates/README-template.md index 5ab63da1d..1da7eafb9 100644 --- a/templates/README-template.md +++ b/templates/README-template.md @@ -40,6 +40,8 @@ You can add as many screen shots as you'd like to help users understand your web ## Compatibility +This sample is optimally compatible with the following environment configuration: + ![SPFx 1.15.2](https://img.shields.io/badge/SPFx-1.15.2-green.svg) ![Node.js v16 | v14 | v12](https://img.shields.io/badge/Node.js-v16%20%7C%20v14%20%7C%20v12-green.svg) ![Compatible with SharePoint Online](https://img.shields.io/badge/SharePoint%20Online-Compatible-green.svg)