From ea21470dcd183f7ae9e932f9baef28589bd725cf Mon Sep 17 00:00:00 2001
From: Hugo Bernier <hugoabernier@live.ca>
Date: Tue, 23 Jun 2020 21:55:25 -0400
Subject: [PATCH] Update README.md

Added YAML metadata
---
 samples/react-accordion/README.md | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/samples/react-accordion/README.md b/samples/react-accordion/README.md
index e2e82d96d..3b6882a24 100644
--- a/samples/react-accordion/README.md
+++ b/samples/react-accordion/README.md
@@ -1,3 +1,19 @@
+---
+page_type: sample
+products:
+- office-sp
+languages:
+- javascript
+- typescript
+extensions:
+  contentType: samples
+  technologies:
+  - SharePoint Framework
+  platforms:
+  - React
+  createdDate: 1/8/2018 12:00:00 AM
+---
+
 ## Using React Accordion plugin with SPFx
 
 ## Summary
@@ -7,7 +23,8 @@ This is a sample web Part that illustrates the use of React Accessible Accordion
 ![Sample Web Part built using SPFx with React Framework showing list data in accordion format](./assets/previewAccordion.PNG)
 
 ## Used SharePoint Framework Version 
-![drop](https://img.shields.io/badge/drop-1.10.0-green.svg)
+
+![1.10.0](https://img.shields.io/badge/drop-1.10.0-green.svg)
 
 ## Applies to
 
@@ -19,6 +36,7 @@ This is a sample web Part that illustrates the use of React Accessible Accordion
 Solution|Author(s)
 --------|---------
 react-accordion | Gautam Sheth (SharePoint Consultant, RapidCircle)
+react-accordion | Abhishek Garg
 
 ## Version history
 
@@ -26,6 +44,7 @@ Version|Date|Comments
 -------|----|--------
 1.0|August 17, 2018|Initial release
 2.0|January 19, 2020|Upgrade to SPFx 1.10
+2.1|June 22, 2020|Added pagination (Abhishek Garg)
 
 ## 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.**
@@ -69,10 +88,9 @@ This sample illustrates the following concepts on top of the SharePoint Framewor
 - performing SharePoint GET operation in React using inbuilt SP Http Client
 - Using Fabric UI button component for pagination
 - optimizing REST responses for performance using `nometadata` option of JSON light
-- using PnP Webpart title control of @pnp/spfx-controls-react library
+- using PnP web part title control of @pnp/spfx-controls-react library
 - showing SharePoint list data in Accordion format using React Accessible Accordion plugin
 - searching in the fetched data by making use of Search Box from Office Fabric UI
 
 
 <img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-accordion" />
-