layout/@mihcm/ui·v0.21.0·stable
Resizable
Resizable panel layout with draggable dividers. Horizontal/vertical split panes for editors, dashboards, admin layouts.
Props
The full prop API for Resizable. Same surface in web and React Native — bundlers pick the right variant via the react-native export condition.
| Prop | Type | Default | Description | Since |
|---|---|---|---|---|
direction | 'horizontal' | 'vertical' | — | Layout direction of the panel group. | 0.5.0 |
defaultSize | number | — | Initial size of a panel as percentage. | 0.5.0 |
minSize | number | — | Minimum panel size as percentage. | 0.5.0 |
maxSize | number | — | Maximum panel size as percentage. | 0.5.0 |
withHandle | boolean | false | Shows a visible grip indicator on the handle. | 0.5.0 |
Import
import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@mihcm/ui/Resizable';