{"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":"67d5916f-db2f-523b-9a90-dc6b9d31c18a","children":[],"parent":"f68b9c24-5821-55bc-9b45-30f029c68921","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":"1ef27675f081a5ba7f0d1591d7bc0309","counter":1338,"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/3eb073a4/src/pages/components/content-switcher/code.mdx"}}}}