Layout

The layout of documentation pages, it must be nested under the Root Provider.

Usage

Wrap the children and pass your page tree to the component.

import { DocsLayout } from 'next-docs-ui/layout'
 
export default function Layout({ children }) {
  return <DocsLayout tree={tree}>{children}</DocsLayout>
}

Navbar

Shared Navbar

It is common to share a navbar across all the pages.

To achieve this, you may disable the default navbar and place your own instead.

The default navbar is exported from next-docs-ui/component, you can add it to the root layout (under the root provider).

Sidebar

Example

import { DocsLayout } from 'next-docs-ui/layout'
import { ReactNode } from 'react'
 
export default function Layout({ children }: { children: ReactNode }) {
  return <DocsLayout tree={tree}>{children}</DocsLayout>
}