> ## Documentation Index
> Fetch the complete documentation index at: https://docs.usedatabrain.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Embed using iFrame (Not Recommended approach)

> You can embed the dashboard or metric using iFrame in your app.

## Embed using iFrame (Not Recommended approach)

### Usage

#### Quick Usage

```html theme={"dark"}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <iframe
      src="https://demo.usedatabrain.com/?token=be25267d-0f07-43eb-bcee-fc274060ed42&dashboardId=client+dashboard+s3&configId=00aeec45-54af-452a-8840-5fd393a579b3&embed=true"
      frameborder="0"
      width="100%"
      height="100%"
    ></iframe>
  </body>
</html>
```

You would require to generate the demo URL first. For eg:

```bash theme={"dark"}
https://demo.usedatabrain.com/?token="your guest token"&dashboardId="dashboard id"&embed=true
```

For generating the required params see:

<CardGroup>
  <Card title="Token" href="/guides/guest-token" icon="id" />

  <Card title="Dashboard ID" href="/guides/dashboard-id" icon="id" />

  <Card title="Metric ID" href="/guides/metric-id" icon="id" />
</CardGroup>

<Note>
  Make sure to add `embed=true` at the end of the URL, to embed the dashboard or metric in iFrame.
</Note>
