{"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":"09620ef6-5d88-527b-b677-cb96ea4b4e82","children":[],"parent":"e1543bab-4f69-512e-9dec-a673a9e5bc44","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":"22285902cf599009ebc695048ffa357c","counter":1581,"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/54350176/src/pages/components/tabs/code.mdx"}}}}