{"componentChunkName":"component---src-pages-components-toggle-code-mdx","path":"/components/toggle/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Toggle","description":"A toggle is a control that is used to quickly switch between two possible states. They are commonly used for “on/off” switches.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/toggle/code.mdx","titleType":"prepend","MdxNode":{"id":"d330945c-25da-53f9-afe4-871d4c8a8ee8","children":[],"parent":"9e6e7e0a-7138-5759-9f62-6febb57338ee","internal":{"content":"---\ntitle: Toggle\ndescription: A toggle is a control that is used to quickly switch between two possible states. They are commonly used for “on/off” switches.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Toggle\n\n<ComponentCode\n  name=\"Toggle\"\n  component=\"toggle\"\n  variation=\"toggle\"\n  hasReactVersion=\"toggle--toggled\"\n  hasVueVersion=\"toggle--default\"\n  hasAngularVersion=\"?path=/story/toggle--basic\"\n  codepen=\"QPNddd\"></ComponentCode>\n\n## Small toggle\n\n<ComponentCode\n  name=\"Small toggle\"\n  component=\"toggle\"\n  variation=\"toggle--small\"\n  hasReactVersion=\"togglesmall--toggled\"\n  hasVueVersion=\"toggle--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/toggle--basic&knob-disabled=&knob-checked=&knob-size=sm\"\n  codepen=\"XQdppE\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"toggle\"></ComponentDocs>\n","type":"Mdx","contentDigest":"0f47f45dd927a634621079336f143a40","counter":1587,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Toggle","description":"A toggle is a control that is used to quickly switch between two possible states. They are commonly used for “on/off” switches.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Toggle\ndescription: A toggle is a control that is used to quickly switch between two possible states. They are commonly used for “on/off” switches.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Toggle\n\n<ComponentCode\n  name=\"Toggle\"\n  component=\"toggle\"\n  variation=\"toggle\"\n  hasReactVersion=\"toggle--toggled\"\n  hasVueVersion=\"toggle--default\"\n  hasAngularVersion=\"?path=/story/toggle--basic\"\n  codepen=\"QPNddd\"></ComponentCode>\n\n## Small toggle\n\n<ComponentCode\n  name=\"Small toggle\"\n  component=\"toggle\"\n  variation=\"toggle--small\"\n  hasReactVersion=\"togglesmall--toggled\"\n  hasVueVersion=\"toggle--default&knob-small=true\"\n  hasAngularVersion=\"?path=/story/toggle--basic&knob-disabled=&knob-checked=&knob-size=sm\"\n  codepen=\"XQdppE\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"toggle\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/2c7f9303/src/pages/components/toggle/code.mdx"}}}}