Layout · §4.2

Resizable panels

Adjustable list and detail panes.

Theme
Contrast
Language
Motion
Text size

Code

<ResizablePanelGroup orientation="horizontal">…</ResizablePanelGroup>

Accessibility

  • The handle is a keyboard-operable separator.

Usage

Do

  • List and detail panes (mail, admin).

Don't

  • Don't make patients resize anything.

Platforms

Web
apps/web/components/ui/resizable.tsx
iOS
—
Android
—