{"componentChunkName":"component---src-pages-components-tabs-code-mdx","path":"/components/tabs/code/","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Tabs","description":"Tabs are used to quickly navigate between views within the same context.","tabs":["Code","Usage","Style","Accessibility"]},"relativePagePath":"/components/tabs/code.mdx","titleType":"prepend","MdxNode":{"id":"4a6a93e9-007f-51ee-a79b-be0995147532","children":[],"parent":"334e366c-1a30-52e5-b9c0-feefd3fe038c","internal":{"content":"---\ntitle: Tabs\ndescription: Tabs are used to quickly navigate between views within the same context.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tabs\n\n<ComponentCode\n  name=\"Tabs\"\n  component=\"tabs\"\n  variation=\"tabs\"\n  hasReactVersion=\"tabs--default\"\n  hasVueVersion=\"tabs--default\"\n  hasAngularVersion=\"?path=/story/tabs--basic\"\n  codepen=\"zXqoaz\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tabs\"></ComponentDocs>\n","type":"Mdx","contentDigest":"6b9aaf3b4939478e70fddb254997adb6","counter":1573,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Tabs","description":"Tabs are used to quickly navigate between views within the same context.","tabs":["Code","Usage","Style","Accessibility"]},"exports":{},"rawBody":"---\ntitle: Tabs\ndescription: Tabs are used to quickly navigate between views within the same context.\ntabs: ['Code', 'Usage', 'Style', 'Accessibility']\n---\n\n## Tabs\n\n<ComponentCode\n  name=\"Tabs\"\n  component=\"tabs\"\n  variation=\"tabs\"\n  hasReactVersion=\"tabs--default\"\n  hasVueVersion=\"tabs--default\"\n  hasAngularVersion=\"?path=/story/tabs--basic\"\n  codepen=\"zXqoaz\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"tabs\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/2c7f9303/src/pages/components/tabs/code.mdx"}}}}