Docs

Sidebar

The navigation bar at aside of viewport

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

Usage

import * as Base from 'next-docs-zeta/sidebar'
 
return (
  <Base.SidebarProvider>
    <Base.SidebarTrigger />
    <Base.SidebarList />
  </Base.SidebarProvider>
)

Prop	Type	Description
`open`	`boolean?`	-
`onOpenChange`	`(v: boolean) => void`	-

Opens the sidebar on click.

Prop	Type	Description
`as`	`ElementType`	-

Data Attribute	Values	Description
`data-open`	`true, false`	Is sidebar opening

Last updated on

Safe Link

TOC

Sidebar

Usage

Sidebar Provider

Sidebar Trigger

Sidebar List

On this page