actualNoteContentPart: Do you embed Amplenote content into a blog or help center? Would you like your content to have a sidebar list of all the sections in your main content, that allows users to remain oriented within their help page, even for long & complex pages like the [**GitClear Encyclopedia of Developer Analytics**](https://www.gitclear.com/developer_metrics_encyclopedia_illustrated_software_metrics_and_measurements) ?
  
  By consuming events passed in from the Amplenote embed, you can implement your own custom sidebar table of contents. Below, we present the code that GitClear uses to implement a scrolling sidebar table of contents, just like the ones shown when navigating pages from the Amplenote Help Center (like the [Amplecap help docs](https://www.amplenote.com/help/amplecap_browser_extension_guide) ). 
  
  # Functionality demo
  For a live demo, please visit the aforementioned [Encyclopedia of Developer Metrics](https://www.gitclear.com/developer_metrics_encyclopedia_illustrated_software_metrics_and_measurements) , where this component is utilized to render some 70+ sections. You can also click around pages in the [GitClear Help Section](https://www.gitclear.com/help)  or [GitClear Blog](https://www.gitclear.com/blog) , where you'll find the sidebar embedded in pages with varying numbers of headers.
processedNoteContent: ---
  title: Amplenote: Embeddable Sidebar Table of Contents...
  tags: 
  ---
  Do you embed Amplenote content into a blog or help center? Would you like your content to have a sidebar list of all the sections in your main content, that allows users to remain oriented within their help page, even for long & complex pages like the [GitClear Encyclopedia of Developer Analytics](https://www.gitclear.com)`
   ? By consuming events passed in from the Amplenote embed, you can implement your own custom sidebar table of contents. Below, we present the code that GitClear uses to implement a scrolling sidebar table of contents, just like the ones shown when navigating pages from the Amplenote Help Center (like the [Amplecap help docs](https://www.amplenote.com)`
   ). 
  Functionality demo
  For a live demo, please visit the aforementioned [Encyclopedia of Developer Metrics](https://www.gitclear.com)`
   , where this component is utilized to render some 70+ sections. You can also click around pages in the [GitClear Help Section](https://www.gitclear.com)`
    or [GitClear Blog](https://www.gitclear.com)`
   , where you'll find the sidebar embedded in pages with varying numbers of headers.
noteTitle: Amplenote: Embeddable Sidebar Table of Contents React Component HTML, Javascript & CSS