Shadcn-style User Sidebar
LayoutShadcn-style user sidebar for React. Sidebar shell with user profile footer — avatar, name, and account actions.
Sidebar (User)Layout · Web
Loading Storybook preview…
Installation
bun add @otfdashkit/ui
Usage
Import Sidebar (User) from @otfdashkit/ui.
Code
// Sidebar (User) — Shadcn-style user sidebar for React. Sidebar shell with user profile footer — avatar, name, and account actions.
//
// Install:
// bun add @otfdashkit/ui
import { Sidebar(User) } from '@otfdashkit/ui'
export function Example() {
return (
<Sidebar(User)>
{/* your content */}
</Sidebar(User)>
)
}Props
Props declared in the SidebarLayoutUser source. Inherited HTML attributes are not listed.
| Prop | Type | Default | Description |
|---|---|---|---|
| children | ReactNode | ||
| className | string | ||
| pageTitle | string | 'Dashboard' | |
| userEmail | string | 'jane@acme.com' | |
| userName | string | 'Jane Doe' | |
| userRole | string | 'Admin' |