parent
e989edf1f4
commit
ea21470dcd
|
@ -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
|
## Using React Accordion plugin with SPFx
|
||||||
|
|
||||||
## Summary
|
## 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)
|
![Sample Web Part built using SPFx with React Framework showing list data in accordion format](./assets/previewAccordion.PNG)
|
||||||
|
|
||||||
## Used SharePoint Framework Version
|
## 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
|
## Applies to
|
||||||
|
|
||||||
|
@ -19,6 +36,7 @@ This is a sample web Part that illustrates the use of React Accessible Accordion
|
||||||
Solution|Author(s)
|
Solution|Author(s)
|
||||||
--------|---------
|
--------|---------
|
||||||
react-accordion | Gautam Sheth (SharePoint Consultant, RapidCircle)
|
react-accordion | Gautam Sheth (SharePoint Consultant, RapidCircle)
|
||||||
|
react-accordion | Abhishek Garg
|
||||||
|
|
||||||
## Version history
|
## Version history
|
||||||
|
|
||||||
|
@ -26,6 +44,7 @@ Version|Date|Comments
|
||||||
-------|----|--------
|
-------|----|--------
|
||||||
1.0|August 17, 2018|Initial release
|
1.0|August 17, 2018|Initial release
|
||||||
2.0|January 19, 2020|Upgrade to SPFx 1.10
|
2.0|January 19, 2020|Upgrade to SPFx 1.10
|
||||||
|
2.1|June 22, 2020|Added pagination (Abhishek Garg)
|
||||||
|
|
||||||
## Disclaimer
|
## 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.**
|
**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
|
- performing SharePoint GET operation in React using inbuilt SP Http Client
|
||||||
- Using Fabric UI button component for pagination
|
- Using Fabric UI button component for pagination
|
||||||
- optimizing REST responses for performance using `nometadata` option of JSON light
|
- 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
|
- 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
|
- 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" />
|
<img src="https://telemetry.sharepointpnp.com/sp-dev-fx-webparts/samples/react-accordion" />
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue