# Embed (https://openknowledge.ai/docs/reference/components/embed)

Inline web embed (iframe) — drop a URL, get a resizable preview pane. For YouTube / Vimeo / Loom prefer `<video src="…">` (player props, click-facade); `<Embed>` auto-rewrites watch URLs as a fallback

## Example

```mdx
<Embed src="" title="Title" />
```

## Props

| Prop | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| `src` | `string` | yes |  | Embedded page URL (must start with http\:// or https\://) |
| `title` | `string` | no |  | Iframe title (accessible label for screen readers) |
| `width` | `string` | no |  | Embed width as a CSS length (e.g. "100%", "640px") |
| `height` | `string` | no |  | Embed height as a CSS length (e.g. "26rem", "480px") |

*Also matches:* `embed`, `iframe`, `website`, `page`, `inline`, `frame`, `preview`

## Author it

Type `/embed` in the editor to insert it from the slash menu, or write the tag directly in source mode. The Properties panel on the right of the editor exposes every prop above as a form field once the block is selected.