History

Hugo Bernier 7ed51a0838 Updated sample JSON		2021-03-15 03:48:14 -04:00
..
assets	Updated sample JSON	2021-03-15 03:48:14 -04:00
config	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
src	Fixed HTML formatting bug	2020-08-13 09:47:50 +00:00
teams	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
tools	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
.editorconfig	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
.gitignore	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
.yo-rc.json	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
README.md	Update README.md	2020-11-08 23:32:03 -05:00
gulpfile.js	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
package-lock.json	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
package.json	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
tsconfig.json	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30
tslint.json	React Page Navigator webpart to display page header tags in Nav component	2019-09-05 23:19:19 +05:30

README.md

Page Navigator

Summary

This web part fetches all the automatically added Header anchor tags in a SharePoint page and displays them in a Navigation component.

When added to a Vertical Section it can be used as a Contents table for the page

Used SharePoint Framework Version

Version history

Version	Date	Comments
1.0	September 5, 2019	Initial release

Minimal Path to Awesome

git clone the repo
npm i
gulp bundle --ship
gulp package-solution --ship
Add the app package to Site Collection App Catalog and Install the App
Add the web part to a page in the Site Collection

Solution

Solution	Author(s)
react-page-navigator	Aakash Bhardwaj

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.