Best markdown navbar component for React. With this component, you can:

• Display article directory for readers
• Click on the anchor point in the directory to jump to the corresponding article content
• Share url with anchor hash value to reader

Demo online

This UI component needs to be used in conjunction with your article content. When using this component, you must ensure that your article under the same page content.

yarn add markdown-navbar

or

npm install markdown-navbar

import MarkNav from 'markdown-navbar';
import 'markdown-navbar/dist/navbar.css';

const content = '## Heading One...\n\n## Heading Two...\n';

<MarkNav
  className="article-menu"
  source={content}
  headingTopOffset={80}
/>

Markdown-Navbar is released under the MIT license.