"use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; function _createMdxContent(props) { const _components = { a: "a", code: "code", img: "img", li: "li", p: "p", pre: "pre", ul: "ul", ...props.components }; return _jsxs(_Fragment, { children: [_jsxs(_components.p, { children: [_jsx(_components.img, { src: "https://user-images.githubusercontent.com/1424573/221201439-f692db85-6044-430a-92a7-dfe2773f4fe1.png", alt: "multi size heading example 1" }), "\n", _jsx(_components.img, { src: "https://user-images.githubusercontent.com/1424573/221201493-507a7877-a32c-4d69-b394-37de1d16da35.png", alt: "multi size heading example 2" })] }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-tsx", children: "\n Container width!\n Full width!\n\n" }) }), "\n", _jsx(_components.pre, { children: _jsx(_components.code, { className: "language-tsx", children: "\n The\n \n Callisto\n \n Protocol\n \n\n" }) }), "\n", _jsxs(_components.p, { children: ["Having a ", _jsx(_components.code, { children: "br" }), " that's responsive."] }), "\n", _jsxs(_components.ul, { children: ["\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://www.tremor.so/", children: "https://www.tremor.so/" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: _jsx(_components.a, { href: "https://uideck.com/", children: "https://uideck.com/" }) }), "\n"] }), "\n", _jsxs(_components.li, { children: ["\n", _jsx(_components.p, { children: "react/vue/svelte/alpine" }), "\n"] }), "\n"] })] }); } function MDXContent(props = {}) { const {wrapper: MDXLayout} = props.components || ({}); return MDXLayout ? _jsx(MDXLayout, { ...props, children: _jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } return { default: MDXContent };

Multi-size Heading