use-toc

useToc

Create easy to use data for building table of content for you react component.

Installation

npm i use-toc

or

yarn add use-toc

Usage Example

import Toc from ".components/Toc";
import useToc from 'use-toc';

export default function App() {
  const toc = usesToc(".container h3");

  return (
    <div className="App">
      <Toc tocData={toc} />
      // ...
  )
}

Demo

Sand Box