/*@jsxRuntime automatic @jsxImportSource react*/ /*

Declare a component

Create and register a custom component. ```python from st.components.v1 import declare_component declare_component( "custom_slider", "/frontend", ) ``` */ /*

iframe

Load a remote URL in an iframe. ```python from st.components.v1 import iframe iframe( "docs.jeamlit.io" ) ``` */ const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; function _createMdxContent(props) { const _components = Object.assign({ h1: "h1", a: "a", span: "span", p: "p", pre: "pre", code: "code" }, _provideComponents(), props.components), {TileContainer, RefCard} = _components; if (!RefCard) _missingMdxReference("RefCard", true); if (!TileContainer) _missingMdxReference("TileContainer", true); return _jsxs(_Fragment, { children: [_jsxs(_components.h1, { id: "custom-components", children: [_jsx(_components.a, { "aria-hidden": "true", tabIndex: "-1", href: "#custom-components", children: _jsx(_components.span, { className: "icon icon-link" }) }), "Custom components"] }), "\n", _jsx(TileContainer, { children: _jsxs(RefCard, { href: "/develop/api-reference/text/jt.html", children: [_jsx("h4", { children: "HTML" }), _jsx(_components.p, { children: "Render an HTML string in your app." }), _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-java", children: "Jt.html(\"

Foo bar.

\").use();\n" }) })] }) })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = Object.assign({}, _provideComponents(), 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."); }

Custom components

HTML

Still have questions?