{"componentChunkName":"component---src-pages-components-tabs-code-mdx","path":"/components/tabs/code/","result":{"pageContext":{"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":"e65ed47c-a0e4-581f-9c7c-eb84b01b9457","children":[],"parent":"300232a9-c0f9-5b7b-8176-072e3b40156f","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":"7be9d94a1b13b720439d39a47fc1a63e","counter":1584,"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/3f757860/src/pages/components/tabs/code.mdx"}}}}