Raw shadcn — not wrapped in @oddapp/ui yet.

Import directly: @/components/ui/resizable. OddApp tokens are applied via globals.css @theme. All token rules still apply.

Resizable

Drag-to-resize panel layout.

Default

Import and render this component in your app using the snippet below.

import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@/components/ui/resizable'

<ResizablePanelGroup direction="horizontal">
  <ResizablePanel defaultSize={30}>Sidebar</ResizablePanel>
  <ResizableHandle />
  <ResizablePanel>Content</ResizablePanel>
</ResizablePanelGroup>