ArdoSidebarGroup

On this page

Group component for organizing sidebar links.

import { ArdoSidebarGroup } from "ardo/ui"

<ArdoSidebarGroup title={…}>{children}</ArdoSidebarGroup>

Props

Name	Type	Required	Description
`title`	`string`	Yes	Group title
`to`	`string`	No	Optional link for the group title
`collapsed`	`boolean`	No	Initial collapsed state (default: false)
`collapsible`	`boolean`	No	Whether group is collapsible (default: true if has children)
`children`	`ReactNode`	No	Children (SidebarLink, nested SidebarGroup)
`className`	`string`	No	Additional CSS classes

Props type: ArdoSidebarGroupProps

Example

<ArdoSidebarGroup title="Guide">
  <ArdoSidebarLink to="/guide/intro">Introduction</ArdoSidebarLink>
  <ArdoSidebarLink to="/guide/setup">Setup</ArdoSidebarLink>
</ArdoSidebarGroup>

Example

With collapsible state

<ArdoSidebarGroup title="Advanced" collapsed>
  <ArdoSidebarLink to="/advanced/config">Configuration</ArdoSidebarLink>
</ArdoSidebarGroup>