Skip to main content

​
veryfront/context

Access route params, page data, and MDX frontmatter.

​
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