# Resizable

TypeScript source: `components/Resizable.tsx`

## Components

### ResizableLayout

Source: `components/Resizable.tsx:33`

```ts
React.FC<ResizableLayoutProps>
```

Renders nested vertical and horizontal resize groups for stream and visualization panels.

#### Example

```tsx
<ResizableLayout items={[[{ component: <Streams /> }]]} />
```

## Types

### ResizableItem

Source: `components/Resizable.tsx:4`

#### Members

| Name | Type | Description |
| --- | --- | --- |
| `component` | `React.ReactNode` | React content rendered inside one resizable panel. |

### ResizableLayoutProps

Source: `components/Resizable.tsx:14`

Props for a two-dimensional resizable panel layout.

#### Members

| Name | Type | Description |
| --- | --- | --- |
| `id?` | `string | null` | Stable autosave id used by react-resizable-panels to persist panel sizes. |
| `items` | `ResizableItem[][]` | Rows of panel items. Each nested array is rendered as one horizontal panel group. |