Added SPFx version indicator to readme files for all samples.

samples/angular-migration/angular-todo-webpart/README.md

@@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part for managing tasks stored in a
 
 ![Angular todo application as a SharePoint Framework client-side web part](../assets/angular-todo-spfx-preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop6-orange.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular-mostpopularitems/README.md

@@ -6,6 +6,9 @@ This Web Part displays the Most Popular Items from the given Site/Document Libra
 
 ![Most Popular Items WebPart built using Angular and ngOfficeUIFabric](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](https://github.com/SharePoint/sp-dev-docs/wiki)

samples/angular-msgraph/README.md

@@ -18,6 +18,9 @@ display all the Lists associated with the site. Then all the items inside the Li
 
 > Note: I currently only have models developed for the Announcements List. All other lists will currently generate errors.
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular-multipage/README.md

@@ -10,6 +10,9 @@ Sample poll web part allowing users to vote and view the results.
 
 ![Poll web part built on the SharePoint Framework using Angular](./assets/poll-preview.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular-ngofficeuifabric-file-upload/README.md

@@ -6,6 +6,10 @@ File Update/Delete webpart using AngularJs and ngOfficeUIFabric with the SharePo
 ![File Upload using Angular](./assets/NG File Upload.png)
 
 Edit webpart properties to set Document library Name. Initially, It has been set to `Documents`.
+
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular-ngofficeuifabric-todo/README.md

@@ -7,6 +7,9 @@ You can find a video recording walk-through this sample from [SharePoint PnP You
 
 ![Sample To do SharePoint Framework Client-Side Web Part built using Angular and ngOfficeUIFabric](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular-search/README.md

@@ -14,6 +14,9 @@ The logic for querying the SharePoint Content Types in the properties of the web
 
 > Note: For the display template of the search results I'm currently using the Office Fabric UI List template. Ideally I was hoping to use the DocumentCard Component, however, that is not yet available through the ngOfficUIFabric.
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/angular2-prototype/README.md

@@ -11,6 +11,9 @@ Sample To Do Web Part built with Angular2. This sample illustrates how you can u
 
 ![Sample of the search web part](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/jquery-cdn/README.md

@@ -6,6 +6,9 @@ Sample Web Parts illustrating using jQuery and its plugins loaded from CDN for b
 
 ![Sample Web Part built using jQuery showing current weather in the specified location](./assets/preview_weather.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/jquery-photopile/README.md

@@ -11,6 +11,9 @@ simulates a pile of photos scattered about on a surface. Thumbnail clicks remove
 
 ![Photopile Web Part displayed in SharePoint Workbench](./assets/photopileoverview.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop1-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/js-display-list/README.md

@@ -8,6 +8,9 @@ Simplistic sample Web Part that demonstrates the use of JavaScript in creating a
 
 > Does only show data when hosted in SharePoint. No mock data at this point for local testing the rendering.
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop3-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/js-powerbi-embedded/README.md

@@ -6,6 +6,9 @@ Sample SharePoint Framework Client-Side Web Part embedding a PowerBI report usin
 
 ![PowerBI Embedded Client-SideWeb Part in the SharePoint Workbench](./assets/screenshot_powerbi_embedded_spfx.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
 ## Solution
 
 Solution|Author(s)

samples/knockout-dependent-properties/README.md

@@ -8,6 +8,9 @@ Sample Web Part illustrating
 
 ![Sample Web Part implementing dependent properties in Property Pane](./assets/dep-props.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/knockout-taxonomy/README.md

@@ -8,6 +8,9 @@ Sample Web Part illustrating
 
 ![Taxonomy Sample Web Part](./assets/Taxonomy.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-aad-implicitflow/README.md

@@ -10,6 +10,9 @@ Sample SharePoint Framework client-side web part built using React showing upcom
 
 ![The upcoming meetings web part displayed in SharePoint workbench](./assets/upcoming-meetings-preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-aad-webapi/README.md

@@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
 
 ![Sample web part showing orders retrieved from a custom Web API secured with Azure Active Directory](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-bot-framework/README.md

@@ -9,6 +9,9 @@ the web part uses the username of the currently logged in user. The web part has
 You can see this web part sample, including a sample VS 2015 bot application in practice from [PnP SPFx Special Interest Group recording](https://youtu.be/Tv03CU_PmVs?t=1329)
 where sample was demonstrated.
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-custompropertypanecontrols/README.md

@@ -18,6 +18,9 @@ Cascading drop-downs in the property pane both using external data.
 
 ![Web part with cascading drop-downs in the property pane](./assets/cascading-dropdown-preview.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-mobx/README.md

@@ -9,6 +9,9 @@ Sample webpart implementation that uses [Mobx](https://github.com/mobxjs/mobx) t
 ### Non-Reactive
 ![](https://i.gyazo.com/876858e31cf14de1b6d1a281a0636029.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-multipage/README.md

@@ -10,6 +10,9 @@ Sample poll web part allowing users to vote and view the results.
 
 ![Poll web part built on the SharePoint Framework using React](./assets/poll-preview.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-officegraph/README.md

@@ -28,6 +28,9 @@ Sample SharePoint Framework Client-Side Web Part built using React showing docum
 
 ![Working with Web Part in the SharePoint Workbench](./assets/trending-in-sites-i-follow-preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-organisationchart/README.md

@@ -5,6 +5,9 @@ A simple Organisation Chart webpart using Office UI Fabric, React, OData batchin
 
 ![Organisation Chart for the current user](./assets/orgchart.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-real-time/README.md

@@ -23,6 +23,9 @@ Here is the solution overview:
 5. When a new message is available, the web application emits the data to all subscribers via socket.io.
 6. The SPFx Web Part notifies user there are new items available. Items are effectively retrieved using REST according to received ids when the user clicks on the notification.
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-redux/README.md

@@ -9,6 +9,9 @@ Sample webpart implementation that uses [Redux](https://github.com/reactjs/redux
 ### Non-Reactive
 ![](https://i.gyazo.com/1981f22fa6a162931a29ce8dad9c2657.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-search/README.md

@@ -6,6 +6,9 @@ Sample Search Web Part with internal and external template support. This sample
 
 ![Sample of the search web part](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-sp-elevatedprivileges/README.md

@@ -6,6 +6,9 @@ Sample SharePoint Framework client-side web part illustrating communication with
 
 ![Sample web part showing orders retrieved from a custom Web API secured with Azure Active Directory](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop4-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-todo-basic/README.md

@@ -5,6 +5,9 @@ A simple todo web part built using react to showcase some of the SharePoint Fram
 
 ![Todo basic web part demo in SharePoint Workbench](./assets/todo-basic-demo.gif)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop5-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)

samples/react-todo/README.md

@@ -2,7 +2,10 @@
 
 This is where you include your web part docs.
 
-### Building the code
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
+## Building the code
 
 ```bash
 git clone the repo
@@ -17,7 +20,7 @@ This package produces the following:
 * dist/* - a single bundle containing the components used for uploading to a cdn pointing a registered Sharepoint webpart library to.
 * example/* a test page that hosts all components in this package.
 
-### Build options
+## Build options
 
 gulp nuke - TODO
 gulp test - TODO

samples/sharepoint-crud/README.md

@@ -6,6 +6,9 @@ Sample Web Parts illustrating performing SharePoint CRUD operations in React, An
 
 ![Sample To do SharePoint Framework Client-Side Web Part built using Angular and ngOfficeUIFabric](./assets/preview.png)
 
+## Used SharePoint Framework Version 
+![drop](https://img.shields.io/badge/drop-drop2-red.svg)
+
 ## Applies to
 
 * [SharePoint Framework Developer Preview](http://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview)