https://docs-frameright-io.netlify.app/assets/js/5c4c013a.a7d9ff1c.js

1"use strict";(self.webpackChunkframeright_docs=self.webpackChunkframeright_docs||[]).push([[8699],{3905:(e,t,r)=>{r.d(t,{Zo:()=>p,kt:()=>m});var n=r(7294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function i(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var s=n.createContext({}),l=function(e){var t=n.useContext(s),r=t;return e&&(r="function"==typeof e?e(t):c(c({},t),e)),r},p=function(e){var t=l(e.components);return n.createElement(s.Provider,{value:t},e.children)},d="mdxType",u={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,a=e.originalType,s=e.parentName,p=i(e,["components","mdxType","originalType","parentName"]),d=l(r),f=o,m=d["".concat(s,".").concat(f)]||d[f]||u[f]||a;return r?n.createElement(m,c(c({ref:t},p),{},{components:r})):n.createElement(m,c({ref:t},p))}));function m(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=r.length,c=new Array(a);c[0]=f;var i={};for(var s in t)hasOwnProperty.call(t,s)&&(i[s]=t[s]);i.originalType=e,i[d]="string"==typeof e?e:o,c[1]=i;for(var l=2;l<a;l++)c[l]=r[l];return n.createElement.apply(null,c)}return n.createElement.apply(null,r)}f.displayName="MDXCreateElement"},9402:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>p,contentTitle:()=>s,default:()=>m,frontMatter:()=>i,metadata:()=>l,toc:()=>d});var n=r(7462),o=(r(7294),r(3905)),a=r(9960),c=r(9471);const i={sidebar_position:230,href:"https://codesandbox.io/s/image-display-control-react-component-m6qj9r",title:"CodeSandbox",slug:"_codesandbox",sidebar_class_name:"sidebar-external-link",pagination_prev:null,pagination_next:null},s=void 0,l={unversionedId:"react/codesandbox",id:"react/codesandbox",title:"CodeSandbox",description:"\x3c!--",source:"@site/docs/react/codesandbox.md",sourceDirName:"react",slug:"/react/_codesandbox",permalink:"/react/_codesandbox",draft:!1,editUrl:"https://github.com/frameright/docs.frameright.io/tree/main/docs/react/codesandbox.md",tags:[],version:"current",sidebarPosition:230,frontMatter:{sidebar_position:230,href:"https://codesandbox.io/s/image-display-control-react-component-m6qj9r",title:"CodeSandbox",slug:"_codesandbox",sidebar_class_name:"sidebar-external-link",pagination_prev:null,pagination_next:null}},p={},d=[],u={toc:d},f="wrapper";

1function m(e){let{components:t,...r}=e;return(0,o.kt)(f,(0,n.Z)({},u,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)(a.Z,{href:i.href,mdxType:"Link"},i.href,(0,o.kt)(c.Z,{mdxType:"IconExternalLink"})))}m.isMDXComponent=!0}}]);