# Layouts

**Kind**: module | **Library**: @interopio/browser | **Access**: `io.layouts`

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

io.Connect Browser enables you to to save and later restore the exact arrangement and context of your environment
- windows, apps, Workspaces, and their respective bounds and context.

The Layouts API offers the following features:

- importing, exporting, removing. and retrieving Layouts;
- saving and restoring Layouts;
- events related to adding, removing, changing, or saving Layouts;
- requesting browser permission for the Multi-Screen Window Placement API;

The Layouts API is accessible via the [`io.layouts`](https://docs.interop.io/browser/reference/javascript/layouts/api/index.md) object.

## Interfaces

- [API](https://docs.interop.io/browser/reference/javascript/layouts/api/index.md): Layouts API.
- [GetContentsOptions](https://docs.interop.io/browser/reference/javascript/layouts/getcontentsoptions/index.md): Options for retrieving the contents of Global or Workspace Layouts via the `getLayoutContents()` method.
- [Layout](https://docs.interop.io/browser/reference/javascript/layouts/layout/index.md): Describes a Layout and its components.
- [LayoutContents](https://docs.interop.io/browser/reference/javascript/layouts/layoutcontents/index.md): Describes the contents of Global or Workspace Layouts retrieved via the `getLayoutContents()` method.
- [LayoutResult](https://docs.interop.io/browser/reference/javascript/layouts/layoutresult/index.md): Describes the base result returned by methods for manipulating Layouts - e.g., renaming, hibernating, updating default context.
- [LayoutSummary](https://docs.interop.io/browser/reference/javascript/layouts/layoutsummary/index.md): A lightweight description of a Layout, without the extensive objects describing its components.
- [NewLayoutOptions](https://docs.interop.io/browser/reference/javascript/layouts/newlayoutoptions/index.md): Options for saving a Layout.
- [RestoreOptions](https://docs.interop.io/browser/reference/javascript/layouts/restoreoptions/index.md): Options for restoring a Layout.
- [SaveRequestContext](https://docs.interop.io/browser/reference/javascript/layouts/saverequestcontext/index.md): Object passed as an argument to the handler for a save Layout request.
- [SaveRequestResponse](https://docs.interop.io/browser/reference/javascript/layouts/saverequestresponse/index.md): Object returned by the handler for a save Layout request.

## Type Aliases

- [ImportMode](https://docs.interop.io/browser/reference/javascript/layouts/importmode/index.md): Controls the import behavior. If `"replace"` (default), all existing Layouts will be removed.
- [LayoutType](https://docs.interop.io/browser/reference/javascript/layouts/layouttype/index.md): Type of the Layout. Supported Layouts are `"Global"` and `"Workspace"`.