AppBar

The top application bar of the admin layout.

Installation

pnpm dlx shadcn@latest add @chelone/app-bar
Loading preview…

The top application bar of the admin layout.

Props

PropTypeDefaultDescription
childrenReactNode—When provided, replaces the ENTIRE default AppBar layout (the default is: sidebar trigger, breadcrumb portal, title portal, toolbar, user menu).
toolbarReactNode—Replaces the default right-side action cluster (`<LocalesMenuButton>` + `<ThemeModeToggle>`). Pass a node to supply custom actions, or omit to keep the default.
userMenuReactNode | false—Replaces the default `<UserMenu />`. Pass `false` to suppress it entirely, or a node to render a custom user menu.