# EuiResizableDirective

**Type:** directive

<p>Enables interactive resizing of a container element by dragging a handle.
Applies width constraints dynamically and supports left or right-side handle placement.
Intended for use in layouts requiring user-adjustable panel widths, such as sidebars or split views.</p>


**Selector:** `[euiResizable]`

**Standalone:** false

## Inputs

- **euiResizableMinWidth**: `undefined` - <p>Minimum width constraint for the resizable container in pixels. Prevents the container from being resized below this value.
Accepts string or number values, automatically converted to non-negative pixels. Defaults to 0.</p>

- **euiResizablePosition**: `EuiResizablePosition` - <p>Determines the placement of the resizable handle and the direction of resizing behavior.
&#39;left&#39; positions the handle on the left edge; &#39;right&#39; positions it on the right edge. Defaults to &#39;right&#39;.</p>

- **euiResizableSideContainer**: `undefined` - <p>Determines if the resizable directive is affecting eui-app-side-container</p>

