{"componentChunkName":"component---src-pages-components-ui-shell-right-panel-code-mdx","path":"/components/UI-shell-right-panel/code/","webpackCompilationHash":"c31bf13abf12c5c2789b","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"UI shell right panel","description":"This right panel is part of the Carbon UI shell. A shell is a collection of components shared by all products within a platform.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/UI-shell-right-panel/code.mdx","titleType":"prepend","MdxNode":{"id":"5bec2568-d77c-5798-866d-563a9a624a02","children":[],"parent":"c9f41843-5438-5659-b7db-0e507d7a19d9","internal":{"content":"---\ntitle: UI shell right panel\ndescription: This right panel is part of the Carbon UI shell. A shell is a collection of components shared by all products within a platform.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Right panel\n\n<Row>\n  <Column>\n    <iframe\n      src=\"https://codesandbox.io/embed/right-panel-clc2m?fontsize=1&hidenavigation=1&view=preview\"\n      title=\"right-panel\"\n      allow=\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media\"\n      style=\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\"\n      sandbox=\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n    />\n  </Column>\n</Row>\n\n## Right panel with switcher\n\n<Row>\n  <Column>\n    <iframe\n      src=\"https://codesandbox.io/embed/right-panel-with-switcher-3zpq1?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"right-panel-with-switcher\"\n      allow=\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media\"\n      style=\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\"\n      sandbox=\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n    />\n  </Column>\n</Row>\n\n## Documentation\n\n<ComponentDocs component=\"ui-shell\" />\n","type":"Mdx","contentDigest":"1e0b5ba1ae0959dfc633e5f9238e23fb","counter":1301,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"UI shell right panel","description":"This right panel is part of the Carbon UI shell. A shell is a collection of components shared by all products within a platform.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: UI shell right panel\ndescription: This right panel is part of the Carbon UI shell. A shell is a collection of components shared by all products within a platform.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Right panel\n\n<Row>\n  <Column>\n    <iframe\n      src=\"https://codesandbox.io/embed/right-panel-clc2m?fontsize=1&hidenavigation=1&view=preview\"\n      title=\"right-panel\"\n      allow=\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media\"\n      style=\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\"\n      sandbox=\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n    />\n  </Column>\n</Row>\n\n## Right panel with switcher\n\n<Row>\n  <Column>\n    <iframe\n      src=\"https://codesandbox.io/embed/right-panel-with-switcher-3zpq1?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"right-panel-with-switcher\"\n      allow=\"geolocation; microphone; camera; midi; vr; accelerometer; gyroscope; payment; ambient-light-sensor; encrypted-media\"\n      style=\"width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;\"\n      sandbox=\"allow-modals allow-forms allow-popups allow-scripts allow-same-origin\"\n    />\n  </Column>\n</Row>\n\n## Documentation\n\n<ComponentDocs component=\"ui-shell\" />\n","fileAbsolutePath":"/zeit/7d243b86/src/pages/components/UI-shell-right-panel/code.mdx"}}}}