AppSidebar

API reference and demos for AppSidebar.

Source

Import

import { AppSidebar } from "@flanksource/clicky-ui/components";

Demos

No dedicated Storybook demo is available for this component yet.

The props table documents the component-specific surface. Standard DOM attributes inherited from React, such as className, event handlers, and accessibility attributes, may also be accepted when the component’s prop type extends a native element.

Props

Prop	Type	Default	Description
className	string	—	—
collapsedStorageKey	string	clicky-ui:app-sidebar:collapsed	localStorage key persisting the rail collapsed state.
footer	ReactNode	—	Pinned to the bottom of the rail (theme switcher, version, etc.).
groupCollapsedStorageKey	string	clicky-ui:app-sidebar:groups	localStorage key persisting per-group collapsed state.
header	ReactNode	—	Branding shown at the top of the expanded rail (logo/title).
isActive	(…) => boolean	—	Override the default prefix-match active test.
pathname	string	—	Current path for active-state. Defaults to the RouterAdapter's pathname.
renderLink	RenderLink	—	Render routed links. Defaults to the RouterAdapter's renderLink (a plain <a href={to}> unless a RouterProvider supplies a router Link).
sections*	AppNavSection[]	—	—