{"componentChunkName":"component---src-pages-components-accordion-code-mdx","path":"/components/accordion/code/","webpackCompilationHash":"9a5cb62a61994334ab3f","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":"838fba52-c4cd-5b93-b86f-9605570be535","children":[],"parent":"2a31c970-66dc-5f7c-9c16-e1954ba26c15","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":"f077caba9bd3e7ddd5e3e531360b7591","counter":1156,"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":"/tmp/35443907/src/pages/components/accordion/code.mdx"}}}}