Usage
Hook-based resizable panel system. useXDSResizable() manages size state and XDSResizeHandle provides the interactive pill-grip separator. Pass resize props to existing layout components via their resizable prop.import {XDSResizeHandle} from '@xds/core/Resizable'
Best practices
|
| Do | Use useXDSResizable() with existing XDS layout components. Pass the returned props to the resizable prop on XDSLayoutPanel or XDSSideNav. |
| Do | Provide an accessible label on each XDSResizeHandle when multiple handles exist (e.g. "Resize sidebar", "Resize terminal"). |
| Don't | Wrap panels in extra container components for resize. The hook-first architecture avoids extra DOM — use it directly on existing components. |