{"componentChunkName":"component---src-pages-components-accordion-code-mdx","path":"/components/accordion/code/","webpackCompilationHash":"c31bf13abf12c5c2789b","result":{"pageContext":{"isCreatedByStatefulCreatePages":true,"frontmatter":{"title":"Accordion","description":"The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content.","tabs":["Code","Usage","Style"]},"relativePagePath":"/components/accordion/code.mdx","titleType":"prepend","MdxNode":{"id":"7f5f28ac-9867-536a-a8df-abf63c28982a","children":[],"parent":"df4f3154-fb71-5818-8137-8ac5b97fb768","internal":{"content":"---\ntitle: Accordion\ndescription: The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Accordion\n\n<ComponentCode\n  name=\"Accordion\"\n  component=\"accordion\"\n  variation=\"accordion\"\n  hasReactVersion=\"accordion--default\"\n  hasVueVersion=\"accordion--default\"\n  hasAngularVersion=\"?path=/story/accordion--basic\"\n  codepen=\"WWrNvp\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"accordion\"></ComponentDocs>\n","type":"Mdx","contentDigest":"0705e3fbd711cb938541f6ed6ec4b9bc","counter":1303,"owner":"gatsby-plugin-mdx"},"frontmatter":{"title":"Accordion","description":"The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content.","tabs":["Code","Usage","Style"]},"exports":{},"rawBody":"---\ntitle: Accordion\ndescription: The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content.\ntabs: ['Code', 'Usage', 'Style']\n---\n\n## Accordion\n\n<ComponentCode\n  name=\"Accordion\"\n  component=\"accordion\"\n  variation=\"accordion\"\n  hasReactVersion=\"accordion--default\"\n  hasVueVersion=\"accordion--default\"\n  hasAngularVersion=\"?path=/story/accordion--basic\"\n  codepen=\"WWrNvp\"></ComponentCode>\n\n## Documentation\n\n<ComponentDocs component=\"accordion\"></ComponentDocs>\n","fileAbsolutePath":"/zeit/7d243b86/src/pages/components/accordion/code.mdx"}}}}