Sidebar #

Renders grouped navigation sections from content/sidebar.json.

Data dependencies #

• sections[].title
• sections[].collapsible
• sections[].items[].title
• sections[].items[].path

Live example #

Code #

<Sidebar
	currentPath="/guides/components/index"
	sidebarConfig={{
		sections: [
			{
				title: 'Components',
				collapsible: true,
				items: [{ title: 'Card', path: '/guides/components/card' }],
			},
		],
	}}
/>

Notes #

• Supports section collapsing when enabled.
• Primary nav source for deep docs structures.