Shadcn-style Sidebar
LayoutShadcn-style sidebar for React. Collapsible navigation sidebar with groups, icons, badges, and responsive behavior.
SidebarLayout · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Sidebar from @otfdashkit/ui.
Code
// Sidebar — Shadcn-style sidebar for React. Collapsible navigation sidebar with groups, icons, badges, and responsive behavior.
//
// Install:
// bun add @otfdashkit/ui
import { Sidebar } from '@otfdashkit/ui'
export function Example() {
return (
<Sidebar>
{/* your content */}
</Sidebar>
)
}Props
Props declared in the Sidebar source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| collapsed | boolean | false | |
| onCollapse | () => void | ||
| width | string | '240px' |