Resizable

Import

import {Resizable} from '@astryxdesign/core/Resizable';

Astryx 문서 권장 방식대로 root barrel이 아니라 컴포넌트 subpath에서 가져옵니다.

When to use

Hook-based resizable panel system. useResizable() manages size state and ResizeHandle provides the interactive pill-grip separator. Pass resize props to existing layout componen...

Important props

Theming targets

Best practices

• DoUse useResizable() with existing Astryx layout components. Pass the returned props to the resizable prop on LayoutPanel or SideNav.
• DoProvide an accessible label on each ResizeHandle when multiple handles exist (e.g. "Resize sidebar", "Resize terminal").
• Do notWrap panels in extra container components for resize. The hook-first architecture avoids extra DOM; use it directly on existing components.