{"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":"6a612a7b-f3df-5dc0-8e07-369da458cf64","children":[],"parent":"3ae43780-a518-5e01-9206-72c9d5911894","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":"882232e715b2e2d2b92e4a73a891faf5","counter":1328,"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/1252fd04/src/pages/components/content-switcher/code.mdx"}}}}