{"componentChunkName":"component---src-pages-components-ui-shell-left-panel-code-mdx","path":"/components/UI-shell-left-panel/code/","result":{"pageContext":{"frontmatter":{"title":"UI shell left panel","description":"This left 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-left-panel/code.mdx","titleType":"prepend","MdxNode":{"id":"8886ec3d-fd2d-5a86-a075-58a83d93e5e2","children":[],"parent":"d77c9e62-bced-5a93-a187-73ffcc5919bf","internal":{"content":"---\ntitle: UI shell left panel\ndescription: This left 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## Fixed side-nav\n\n<Row>\n  <Column>\n    <iframe\n      loading=\"lazy\"\n      src=\"https://codesandbox.io/embed/fixed-sidenav-tk9cs?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"fixed-sidenav\"\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## Fixed side-nav with icons\n\n<Row>\n  <Column>\n    <iframe\n      loading=\"lazy\"\n      src=\"https://codesandbox.io/embed/fixed-sidenav-with-icons-875it?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"fixed-sidenav-with-icons\"\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","type":"Mdx","contentDigest":"eecfa493ded9061fa231e0ea4e10be91","counter":1463,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"UI shell left panel","description":"This left 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 left panel\ndescription: This left 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## Fixed side-nav\n\n<Row>\n  <Column>\n    <iframe\n      loading=\"lazy\"\n      src=\"https://codesandbox.io/embed/fixed-sidenav-tk9cs?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"fixed-sidenav\"\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## Fixed side-nav with icons\n\n<Row>\n  <Column>\n    <iframe\n      loading=\"lazy\"\n      src=\"https://codesandbox.io/embed/fixed-sidenav-with-icons-875it?fontsize=14&hidenavigation=1&view=preview\"\n      title=\"fixed-sidenav-with-icons\"\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","fileAbsolutePath":"/zeit/1c2d2ee2/src/pages/components/UI-shell-left-panel/code.mdx"}}}}