AppSidebar

The collapsible navigation sidebar of the admin layout.

Installation

pnpm dlx shadcn@latest add @chelone/app-sidebar

The collapsible navigation sidebar of the admin layout.

Props

PropTypeDefaultDescription
appBarAlwaysOnboolean—When `true`, signals that the AppBar is always visible (not hidden on scroll). Accepted for forward-compat; not otherwise consumed here.
brandReactNode—Brand label rendered in the sidebar header. Defaults to `"Chelone"`.
brandIconReactNode—Brand icon rendered before the label. Defaults to the `Shell` icon.
brandTostring—Where the brand links to, used as given (not prefixed with the basename). Defaults to the dashboard under the basename.
childrenReactNode—Replaces the default `<Menu />` rendered inside the content area. Pass a custom navigation tree for full control over sidebar items.
closedSizenumber—Width of the sidebar in its collapsed/icon-only state, in pixels. Defaults to 55.
sizenumber—Width of the sidebar in its open/expanded state, in pixels. Defaults to 240.