{"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":"f0db2075-bc6c-5e2f-86fa-c2f98b617f4f","children":[],"parent":"246d74ea-86c4-5310-b88d-395d9985f492","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":"8d2d25fbc27b003d8616f2f333a09cb0","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/512c25b6/src/pages/components/tabs/code.mdx"}}}}