# Layout

**Kind**: interface | **Module**: [Layouts](https://docs.interop.io/browser/reference/javascript/layouts/index.md)

**Source**: https://docs.interop.io/browser/reference/javascript/layouts/layout/index.html

Describes a Layout and its components.

## Properties

- **`components`** (`Array<WindowComponent | WorkspaceFrameComponent | IOConnectWorkspaces.WorkspaceComponent>`, required)
  Array of component objects describing the apps and Workspaces saved in the Layout.
- **`context`** (`any`, optional)
  Context object passed when the Layout was saved.
- **`metadata`** (`any`, optional)
  Metadata passed when the Layout was saved.
- **`name`** (`string`, required)
  Name of the Layout. The name is unique per Layout type.
- **`type`** (`LayoutType`, required)
  Type of the Layout.
- **`version`** (`number`, optional)
  Version of the Layout.

## Related types

- [LayoutType](https://docs.interop.io/browser/reference/javascript/layouts/layouttype/index.md)
- [WorkspaceComponent](https://docs.interop.io/browser/reference/javascript/workspaces/workspacecomponent/index.md)