{"componentChunkName":"component---src-pages-components-content-switcher-code-mdx","path":"/components/content-switcher/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Content switcher","description":"Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/content-switcher/code.mdx","titleType":"prepend","MdxNode":{"id":"7e3d8a8b-0be9-54c6-a10d-2595d737a66b","children":[],"parent":"aefe1449-7f00-5df1-992f-595a6331f8a6","internal":{"content":"---\ntitle: Content switcher\ndescription: Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Content switcher\n\n<ComponentCode\n  name=\"Content switcher\"\n  component=\"content-switcher\"\n  variation=\"content-switcher\"\n  hasReactVersion=\"contentswitcher--default\"\n  hasVueVersion=\"contentswitcher--default\"\n  hasAngularVersion=\"?path=/story/content-switcher--basic\"\n  codepen=\"QPybNw\"></ComponentCode>\n\n## Content switcher disabled\n\n<ComponentCode\n  name=\"Content switcher disabled\"\n  component=\"content-switcher\"\n  variation=\"content-switcher--disabled\"\n  hasReactVersion=\"contentswitcher--default\"\n  hasVueVersion=\"contentswitcher--default&knob-with%20icon=true\"\n  hasAngularVersion=\"?path=/story/content-switcher--basic\"\n  codepen=\"OGMVxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"content-switcher\"></ComponentDocs>\n","type":"Mdx","contentDigest":"7e5805c7d4c7a32f661f116314a197ff","counter":1291,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Content switcher","description":"Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Content switcher\ndescription: Content switchers manipulate the content shown following an exclusive or “either/or” pattern. It is used to toggle between two or more content sections within the same space on screen.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Content switcher\n\n<ComponentCode\n  name=\"Content switcher\"\n  component=\"content-switcher\"\n  variation=\"content-switcher\"\n  hasReactVersion=\"contentswitcher--default\"\n  hasVueVersion=\"contentswitcher--default\"\n  hasAngularVersion=\"?path=/story/content-switcher--basic\"\n  codepen=\"QPybNw\"></ComponentCode>\n\n## Content switcher disabled\n\n<ComponentCode\n  name=\"Content switcher disabled\"\n  component=\"content-switcher\"\n  variation=\"content-switcher--disabled\"\n  hasReactVersion=\"contentswitcher--default\"\n  hasVueVersion=\"contentswitcher--default&knob-with%20icon=true\"\n  hasAngularVersion=\"?path=/story/content-switcher--basic\"\n  codepen=\"OGMVxK\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"content-switcher\"></ComponentDocs>\n","fileAbsolutePath":"/fargate/7b444b50/src/pages/components/content-switcher/code.mdx"}}}}