{"componentChunkName":"component---src-pages-components-content-switcher-code-mdx","path":"/components/content-switcher/code/","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":"37ddeb8d-7599-5852-98b6-9edcb91d6262","children":[],"parent":"85c68cab-6280-5d1b-8c21-bb65b22a070b","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":"53acdd8cf412530e650aca1f1e148ce0","counter":1321,"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":"/zeit/3ed0734e/src/pages/components/content-switcher/code.mdx"}}}}