hikerpig / gatsby-plugin-tocbot

A gatsby plugin for adding tocbot, display table of contents

gatsby-plugin-tocbot

Add tocbot to your gatsby site.

Install

yarn add gatsby-plugin-tocbot

Usage

// gatsby-config.js

module.exports = {
  plugins: [{
    resolve: 'gatsby-plugin-tocbot',
    options: {
      tocbotOptions: {
        contentSelector: '.js-toc',
        collapseDepth: 5,
      }
    },
  }]
}

Customization

Override thes css variables in your css.

/** default values */
:root {
  --toc-cur-highlight-color: black;
  --toc-text-color: inherit;
  --toc-text-hover-color: #666;
}