{"componentChunkName":"component---src-pages-components-accordion-code-mdx","path":"/components/accordion/code/","webpackCompilationHash":"858cd91bffcad76c0e29","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":"5a0b3871-29b9-5f82-b3ef-de014e92007e","children":[],"parent":"cf9f5fd8-7640-5383-b49f-225c8b1090e9","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":"47fb7fdb2025e6cfc0bd1e7e9121934d","counter":1157,"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/753a091b/src/pages/components/accordion/code.mdx"}}}}