ArdoSidebar

On this page

Sidebar component supporting JSX-first section composition.

import { ArdoSidebar } from "ardo/ui"

<ArdoSidebar>{children}</ArdoSidebar>

Props

Name	Type	Required	Description
`children`	`ReactNode`	No	Sidebar sections. Each section contributes one tab and one panel. Inside `ArdoRoot`, leave this empty to get one section per top-level route folder.
`header`	`ReactNode`	No	Content rendered above navigation (e.g. search)
`className`	`string`	No	Additional CSS classes

Props type: ArdoSidebarProps

Example

<ArdoSidebar>
  <ArdoSidebarSection id="guide" label="Guide" to="/guide">
    <ArdoSidebarGroup title="Guide">
      <ArdoSidebarLink to="/guide/getting-started">Getting Started</ArdoSidebarLink>
    </ArdoSidebarGroup>
  </ArdoSidebarSection>
</ArdoSidebar>