# @interopio/workspaces-ui-react

## Overview

The [`@interopio/workspaces-ui-react`](https://www.npmjs.com/package/@interopio/workspaces-ui-react) library exports the `<Workspaces />` component that implements the default Workspaces App used in **io.Connect Desktop** and **io.Connect Browser**. You can use this component to create your own custom Workspaces App.

## Install

To install the library, execute the following command:

```cmd
npm install @interopio/workspaces-ui-react
```

## Usage

The following example demonstrates basic usage of the `@interopio/workspaces-ui-react` library.

> ℹ️ *For more details on using the `@interopio/workspaces-ui-react` library in **io.Connect Desktop**, see the **io.Connect Desktop** [official documentation](https://docs.interop.io/desktop/capabilities/windows/workspaces/overview/index.html#extending_workspaces).*

> ℹ️ *For more details on using the `@interopio/workspaces-ui-react` library in **io.Connect Browser**, see the **io.Connect Browser** [official documentation](https://docs.interop.io/browser/capabilities/windows/workspaces/workspaces-app/index.html).*


```javascript
import Workspaces from "@interopio/workspaces-ui-react";
import "@interopio/workspaces-ui-react/dist/styles/workspaces.css";

const WorkspacesApp = () => {
    return (
        <Workspaces />
    );
};

export default WorkspacesApp;
```