chrome:shell.skip
chrome:nav.docs chrome:nav.cdk chrome:nav.components blocks:nav.blocks chrome:nav.tools chrome:nav.contribute chrome:nav.about
generated:catalog.area.components
generated:catalog.entry.audio.title generated:catalog.entry.embed.title generated:catalog.entry.gallery.title generated:catalog.entry.image.title generated:catalog.entry.video.title

generated:catalog.entry.embed.title

generated:catalog.entry.embed.description

@xngui/components/embed
@xngui/components/embed

chrome:demo.section

chrome:demo.preview

demo-preview:hints.category.focus:
Focus
demo-preview:hints.category.assistive:
Tip
import { Component } from '@angular/core';
import { XEmbed } from '@xngui/components/embed';
 
@Component({
selector: 'app-example',
imports: [XEmbed],
templateUrl: './embed.component.html',
})
export class ExampleComponent {}

chrome:demo.events.title

chrome:demo.events.empty

chrome:demo.api.title

x-embed

chrome:demo.api.col.property
chrome:demo.api.col.type
chrome:demo.api.col.default
chrome:demo.api.col.description
src chrome:demo.api.required
XFileSource
—
iframe source — URL or other XFileSource resolvable to a URL.
title chrome:demo.api.required
string
—
Accessible title for the iframe (required).
ratio
XAspectRatioValue
16 / 9
Aspect ratio for the responsive frame.
sandboxed
boolean
true
Apply a restrictive `sandbox` (scripts + presentation, no `allow-same-origin`). Set `false` only as an explicit, dangerous opt-out that removes sandbox entirely.