ResourceMenuItemGroup

Sidebar section that renders related <ResourceMenuItem> entries in a shadcn/ui sidebar group. Labeled groups are collapsible.

Installation

pnpm dlx shadcn@latest add @shadmin/resource-menu-item-group

Usage

<ResourceMenuItemGroup> is used by <Menu> when resources define a group. You can also use it directly in a custom sidebar:

import { ResourceMenuItemGroup } from "@/components/admin";
 
const CustomMenu = () => (
  <ResourceMenuItemGroup label="Content" resources={["posts", "comments"]} />
);

Omit label for an unlabeled group:

<ResourceMenuItemGroup resources={["customers"]} />

Props

PropRequiredTypeDefaultDescription
resourcesRequiredstring[]Resource names registered via <Resource name="…">
labelOptionalstringSidebar group label
classNameOptionalstringExtra Tailwind classes appended to the wrapping sidebar group
menuClassNameOptionalstringExtra Tailwind classes appended to the underlying sidebar menu
defaultOpenOptionalbooleantrueInitial open state for labeled groups