/*@jsxRuntime automatic @jsxImportSource react*/ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ section: "section", p: "p", code: "code", a: "a", h2: "h2", pre: "pre" }, props.components), {YouTube, Property} = _components; if (!Property) _missingMdxReference("Property", true); if (!YouTube) _missingMdxReference("YouTube", true); return _jsxs(_Fragment, { children: [_jsxs(_components.section, { children: [_jsxs(_components.p, { children: ["Use the ", _jsx(_components.code, { children: "" }), " component to embed ", _jsx(_components.a, { href: "https://youtube.com/", children: "YouTube" }), " videos in your documentation."] }), "\n"] }), _jsxs(_components.section, { id: "example", children: [_jsx(_components.h2, { id: "example", children: "Example" }), "\n", _jsx(YouTube, { id: "X8ipUgXH6jw" }), "\n", _jsx(_components.pre, { raw: "\n", language: "jsx", html: "

<YouTube id=\"X8ipUgXH6jw\" />\n

", children: _jsx(_components.code, { className: "language-jsx", children: "\n" }) }), "\n"] }), _jsxs(_components.section, { id: "props", children: [_jsx(_components.h2, { id: "props", children: "Props" }), "\n", _jsx(Property, { name: "id", type: "string", required: true, children: _jsx(_components.p, { children: "The ID of the YouTube video to display." }) })] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = props.components || ({}); return MDXLayout ? _jsx(MDXLayout, Object.assign({}, props, { children: _jsx(_createMdxContent, props) })) : _createMdxContent(props); } return { default: MDXContent }; function _missingMdxReference(id, component) { throw new Error("Expected " + (component ? "component" : "object") + " `" + id + "` to be defined: you likely forgot to import, pass, or provide it."); }

Components

Add YouTube videos to your documentation

Example

Props

On this page