Fumadocs

Sidebar

The navigation bar at the side of the viewport

A sidebar component which handles device resizing and removes scroll bar automatically.

Usage

import * as Base from 'fumadocs-core/sidebar';

return (
  <Base.SidebarProvider>
    <Base.SidebarTrigger />
    <Base.SidebarList />
  </Base.SidebarProvider>
);

Prop

Type

Opens the sidebar on click.

Prop

Type

Data AttributeValuesDescription
data-opentrue, falseIs sidebar open

Prop

Type

How is this guide?

Last updated on