{"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":"2068d919-912e-5950-b14a-d97faa721107","children":[],"parent":"2c76fda2-e889-5119-9140-fef82490bf0d","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":"2ec08e4bb95014a470a53c3707b02a21","counter":1588,"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/3e77a1c8/src/pages/components/tabs/code.mdx"}}}}