Shadcn-style Grouped Sidebar
LayoutShadcn-style grouped sidebar for React. Sidebar shell with grouped section headings for larger nav trees.
Sidebar (Groups)Layout · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Sidebar (Groups) from @otfdashkit/ui.
Code
// Sidebar (Groups) — Shadcn-style grouped sidebar for React. Sidebar shell with grouped section headings for larger nav trees.
//
// Install:
// bun add @otfdashkit/ui
import { Sidebar(Groups) } from '@otfdashkit/ui'
export function Example() {
return (
<Sidebar(Groups)>
{/* your content */}
</Sidebar(Groups)>
)
}Props
Props declared in the SidebarLayoutGroups source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| brandName | string | 'Acme Inc' | |
| children | ReactNode | ||
| className | string | ||
| pageTitle | string | 'Dashboard' |