Sample web part which demonstrates how to creates an accordion that looks good in SharePoint. Written in response to StackExchange question How make accordion detail list with UI fabric react.
Accordion look and feel inspired by this Microsoft site.
Not intended to be a full sample. Please log an issue if you need this sample to be more fully functioning.
This code sample isn't a full functioning web part. It assumes that you will retrieve data from a list.
| Solution | Author(s) |
|---|---|
| AccordionWebPart | Hugo Bernier (@bernierh) |
| Version | Date | Comments |
|---|---|---|
| 1.0 | August 25, 2019 | Initial release |
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.
- Clone this repository
- in the command line run:
npm installgulp serve
This code sample returns hard-coded questions and answers. You'll probably want to add your own code to load and filter the Q&As. File an issue if you need help, and I'll update this sample accordingly.
Creates an expandable and collapsable accordiong control which looks like the one found on Microsoft sites.