ArdoSidebarSection

On this page

Marker component for declaring one section tab and panel inside ArdoSidebar.

ArdoSidebar reads this element's props before React renders it. When used outside ArdoSidebar, it only renders its children.

import { ArdoSidebarSection } from "ardo/ui"

<ArdoSidebarSection id={…} label={…} to={…}>{children}</ArdoSidebarSection>

Props

Name	Type	Required	Description
`id`	`string`	Yes	Stable section id, usually matching a top-level route segment.
`label`	`string`	Yes	Visible tab label.
`to`	`RoutePath`	Yes	Landing route for the section tab.
`icon`	`ReactNode`	No	Tab icon. Defaults to the catalog icon for known section ids such as `guide`, `api` or `adr`; other ids get a text-only tab. Pass `null` to drop the icon.
`match`	`((pathname: string) => boolean) \| RegExp \| string`	No	Optional active-route override. Defaults to matching the first segment of `to`.
`children`	`ReactNode`	No	Sidebar content for this section.

Props type: ArdoSidebarSectionProps