Embed
Iframe wrapper with ratio lock and sensible defaults for video, maps, and embeds.
Installation
npx @cloudflare/nimbus-docs add embedyarn dlx @cloudflare/nimbus-docs add embedpnpm dlx @cloudflare/nimbus-docs add embedbunx @cloudflare/nimbus-docs add embedPreview
<Embed
src="https://www.youtube.com/embed/dQw4w9WgXcQ"
title="Demo video"
ratio="16/9"
allowfullscreen
/>Examples
Custom ratio
Pass any CSS aspect-ratio string — useful for square previews or ultrawide content.
<Embed
src="https://example.com/preview"
title="Square preview"
ratio="1/1"
/>API reference
Every prop the component accepts, sourced from a single declaration.
| Prop | Type |
|---|---|
srcrequired | string |
titlerequired | string |
ratio | string |
allow | string |
allowfullscreen | boolean |