# EuiResizableComponent

**Type:** component



A resizable container component that allows users to dynamically adjust the width of its content.
The component provides a draggable handle positioned on either the left or right edge, enabling
flexible layout adjustments. Commonly used for collapsible sidebars, adjustable panels, or
responsive content areas where users need manual control over element dimensions.


**Selector:** `eui-resizable`

## Inputs
- **position**: `EuiResizablePosition` - Determines the placement of the resizable handle and the direction of resize behavior. When set to 'left', the handle appears on the left edge and resizing expands/contracts from the left. When set to 'right', the handle appears on the right edge and resizing expands/contracts from the right.
