# Embedding the Logs Screen

The `showLogs()` function embeds the logs screen, providing your customers with access to logs from all of their instances and workflows in one location. This is the same view you would see as an organization team member when opening a customer's logs tab.

## Basic usage[​](#basic-usage "Direct link to Basic usage")

Show all instance logs

```tsx
import prismatic from "@prismatic-io/embedded";
import { useEffect } from "react";

const id = "logs-div";

function AllInstanceLogs() {
  useEffect(() => {
    prismatic.showLogs({ selector: `#${id}` });
  }, []);

  return <div id={id}>Loading...</div>;
}

export default AllInstanceLogs;

```

![Embedded logs screen](/docs/assets/images/logs-e17c272486956bd235691c0cb1a3431a.png)

## Configuration options[​](#configuration-options "Direct link to Configuration options")

The `showLogs()` function accepts a configuration object. See the [Additional Screens Overview](https://prismatic.io/docs/embed/additional-screens.md#common-configuration-options) for available options including `selector`, `usePopover`, `theme`, `autoFocusIframe`, `filters`, `screenConfiguration`, and `translation`.

## Complete example[​](#complete-example "Direct link to Complete example")

Logs screen with full configuration

```tsx
import prismatic from "@prismatic-io/embedded";
import { useEffect } from "react";

const id = "logs-div";

function AllInstanceLogs() {
  useEffect(() => {
    prismatic.showLogs({
      selector: `#${id}`,
      usePopover: false,
      theme: "LIGHT",
      autoFocusIframe: true,
    });
  }, []);

  return <div id={id}>Loading...</div>;
}

export default AllInstanceLogs;

```

## Related articles[​](#related-articles "Direct link to Related articles")

* [Additional Screens Overview](https://prismatic.io/docs/embed/additional-screens.md)
* [Embedding the Customer Dashboard](https://prismatic.io/docs/embed/additional-screens/show-dashboard.md)
* [Theming](https://prismatic.io/docs/embed/theming.md)
* [Translations and Internationalization](https://prismatic.io/docs/embed/translations-and-internationalization.md)