> Documentation index: https://www.gooddata.ai/docs/gooddata-ui/llms.txt lists every page of these docs as Markdown.

# INestedLayoutProps

- Package: [@gooddata/sdk-ui-dashboard](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/index.md)
- Kind: interface
- Stability: alpha
- Source: https://github.com/gooddata/gooddata-ui-sdk/blob/rel/11.64/libs/sdk-ui-dashboard/src/presentation/widget/dashboardLayout/types.ts

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

**Signature:**

```typescript
export interface INestedLayoutProps 
```

## Properties

| Property | Modifiers | Type | Description |
| --- | --- | --- | --- |
| [backend?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsbackend) |  | [IAnalyticalBackend](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-backend-spi/sdk-backend-spi.ianalyticalbackend/index.md) | **_(ALPHA)_** _(Optional)_ Backend to work with. |
| [clientHeight?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsclientheight) |  | number | **_(ALPHA)_** _(Optional)_ Height of the visualization switcher widget container. |
| [clientWidth?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsclientwidth) |  | number | **_(ALPHA)_** _(Optional)_ Width of the visualization switcher widget container. |
| [dashboardItemClasses?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsdashboarditemclasses) |  | string | **_(ALPHA)_** _(Optional)_ CSS classes to apply to the nested layout dashboard item. |
| [layout?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropslayout) |  | [IDashboardLayout](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayout/index.md)<[ExtendedDashboardWidget](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.extendeddashboardwidget/index.md)> | **_(ALPHA)_** _(Optional)_ Corresponding layout. If not provided, root layout from appState will be used. |
| [parentLayoutItemSize?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsparentlayoutitemsize) |  | [IDashboardLayoutSizeByScreenSize](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-model/sdk-model.idashboardlayoutsizebyscreensize/index.md) | **_(ALPHA)_** _(Optional)_ Item size. If not provided, the layout size will be considered to be default (12 columns) |
| [parentLayoutPath?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsparentlayoutpath) |  | [ILayoutItemPath](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.ilayoutitempath/index.md) | **_(ALPHA)_** _(Optional)_ Item path. If not provided, the layout is expected to be root |
| [widget?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropswidget) |  | [ExtendedDashboardLayoutWidget](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.extendeddashboardlayoutwidget/index.md) | **_(ALPHA)_** _(Optional)_ Nested layout widget to render. |
| [workspace?](https://www.gooddata.ai/docs/gooddata-ui/latest/api-reference/sdk-ui-dashboard/sdk-ui-dashboard.inestedlayoutprops/index.md#inestedlayoutpropsworkspace) |  | string | **_(ALPHA)_** _(Optional)_ Workspace where the Insight widget exists. |

## Property details

### INestedLayoutProps.backend

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Backend to work with.

**Signature:**

```typescript
backend?: IAnalyticalBackend;
```

#### Remarks

Note: the backend must come either from this property or from BackendContext. If you do not specify backend here, then the component MUST be rendered within an existing BackendContext.

### INestedLayoutProps.clientHeight

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Height of the visualization switcher widget container.

**Signature:**

```typescript
clientHeight?: number;
```

### INestedLayoutProps.clientWidth

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Width of the visualization switcher widget container.

**Signature:**

```typescript
clientWidth?: number;
```

### INestedLayoutProps.dashboardItemClasses

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

CSS classes to apply to the nested layout dashboard item.

**Signature:**

```typescript
dashboardItemClasses?: string;
```

### INestedLayoutProps.layout

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Corresponding layout. If not provided, root layout from appState will be used.

**Signature:**

```typescript
layout?: IDashboardLayout<ExtendedDashboardWidget>;
```

### INestedLayoutProps.parentLayoutItemSize

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Item size. If not provided, the layout size will be considered to be default (12 columns)

**Signature:**

```typescript
parentLayoutItemSize?: IDashboardLayoutSizeByScreenSize;
```

### INestedLayoutProps.parentLayoutPath

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Item path. If not provided, the layout is expected to be root

**Signature:**

```typescript
parentLayoutPath?: ILayoutItemPath;
```

### INestedLayoutProps.widget

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Nested layout widget to render.

**Signature:**

```typescript
widget?: ExtendedDashboardLayoutWidget;
```

### INestedLayoutProps.workspace

> **Alpha API.** Initial API, highly likely to change outside SemVer. Don't build on it in production. See [API maturity](https://www.gooddata.ai/docs/gooddata-ui/latest/integrations/platform/api-maturity/index.md).
> 

Workspace where the Insight widget exists.

**Signature:**

```typescript
workspace?: string;
```

#### Remarks

Note: the workspace must come either from this property or from WorkspaceContext. If you do not specify workspace here, then the component MUST be rendered within an existing WorkspaceContext.