Skip to main content

Import

import { usePageContext, PageContextProvider } from "veryfront/context";

Examples

import { usePageContext } from "veryfront/context";

function TableOfContents() {
  const { headings, frontmatter } = usePageContext();
  return (
    <ul>
      {headings.map((h) => (
        <li key={h.id}>
          <a href={`#${h.id}`}>{h.text}</a>
        </li>
      ))}
    </ul>
  );
}

Exports

Components

NameDescription
PageContextProviderProvide page context to children

Functions

NameDescription
usePageContextGet params, frontmatter, headings

Types

NameDescription
MdxHeadingMDX heading (text, id, level)
PageContextProviderProps<PageContextProvider> props
PageContextValuePage context value shape