# Overview

This package provides a way to embed a [interop.io Manager Admin UI](https://docs.interop.io/manager/overview/index.html) into a React application.

# Changelog

The changelog can be found here: [Changelog](https://docs.interop.io/manager/changelog/manager-admin-ui/index.html)

# Documentation

For more information on how to use the Admin UI, please refer to the [interop.io Manager documentation](https://docs.interop.io/manager/overview/index.html).

# Usage

The following code shows how to start a Admin UI using the npm package:

```jsx
import { StrictMode } from 'react';
import { createRoot } from 'react-dom/client';

import AdminUI from '@interopio/manager-admin-ui';

import '@interopio/manager-admin-ui/styles.css';

const rootElement = document.getElementById('root')!;

createRoot(rootElement).render(
  <StrictMode>
    <AdminUI
      apiURL="http://localhost:4356/api"
      theme="dark"
      baseName="admin"
      auth="none"
      // This will be the user that anyone accessing the Admin UI
      // will be logged in as, unless they are accessing the Admin UI from io.Connect Desktop,
      // in which case the local machine username will be used instead.
      authUser="admin"
    />
  </StrictMode>
);

```
