use-toc

ReactJs custom-hook for generating table-of-content data.

Usage no npm install needed!

<script type="module">
  import useToc from 'https://cdn.skypack.dev/use-toc';
</script>

README

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