Skip to content
Perimeter Style

Resizable

Resizable panel groups for building flexible layouts.

Usage

tsx
import { Resizable } from "@/components/ui/resizable";

<Resizable orientation="horizontal" withHandle>...</Resizable>
<Resizable orientation="horizontal" withHandle>...</Resizable>

Light

Dark

Default

Metrics

Perimeter Api

Resizable Controls

orientation
withHandle

Examples

Two Panels

Left
Right

Three Panels

Sidebar
Content
Panel

Installation

Install
$ pnpm dlx shadcn@latest add @perimeter/resizable

Search

Search for components, templates, and more.