Skip to content
OTF Kit logoOTF Kit

Shadcn-style Minimal Sidebar

Layout

Shadcn-style minimal sidebar for React. Minimal sidebar shell — just nav links, no extra chrome.

View in Storybook
Sidebar (Minimal)
Loading Storybook preview…

Installation

bun add @otfdashkit/ui

Usage

Import Sidebar (Minimal) from @otfdashkit/ui.

Code
// Sidebar (Minimal) — Shadcn-style minimal sidebar for React. Minimal sidebar shell — just nav links, no extra chrome.
//
// Install:
//   bun add @otfdashkit/ui

import { Sidebar(Minimal) } from '@otfdashkit/ui'

export function Example() {
  return (
    <Sidebar(Minimal)>
      {/* your content */}
    </Sidebar(Minimal)>
  )
}

Props

Props declared in the SidebarLayoutMinimal source. Inherited HTML attributes are not listed.

PropTypeDefaultDescription
brandNamestring'Acme Inc'
childrenReactNode
classNamestring
pageTitlestring'Dashboard'

Related