# react-resizable-panels: three patterns for resizable layouts

Canonical source : [react-resizable-panels: three patterns for resizable layouts](<https://sebastien.rigaux.be/en/tech-watch/links/react-resizable-panels-three-patterns-for-resizable-layouts>)

The react-resizable-panels documentation introduces React components for building resizable interfaces: panels arranged in rows or columns, grids that resize in two dimensions, and workspaces with tab sets users can rearrange by dragging.

The workspace example shows how to provide an initial model with `defaultModel` and select tab content through `renderTabContent`. The package includes TypeScript definitions.

- Selected on : 2026-11-07

- Entry updated : 2026-11-07T19:38:25+0000

- Format : Tool

- Source language : EN

Original resource : [react-resizable-panels: three patterns for resizable layouts](<https://react-resizable-panels.vercel.app/>)

Tags : [React](<https://sebastien.rigaux.be/en/tech-watch/tags/react>)

Available versions : [Français](<https://sebastien.rigaux.be/veille/liens/react-resizable-panels-trois-modeles-de-layouts-redimensionnables>) · [English](<https://sebastien.rigaux.be/en/tech-watch/links/react-resizable-panels-three-patterns-for-resizable-layouts>)

[Back to tech watch](<https://sebastien.rigaux.be/en/tech-watch>)