{"componentChunkName":"component---src-pages-components-accordion-code-mdx","path":"/components/accordion/code/","webpackCompilationHash":"9ffd1cb8ca3b610e9ad3","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":"55858ce3-2102-5085-8221-94bf4dbc774a","children":[],"parent":"ea3bbd3c-85ee-5672-83fa-44457c1337e2","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":"1caf23fc9c3579c01567ef8d31aae09a","counter":1276,"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":"/fargate/7b444b50/src/pages/components/accordion/code.mdx"}}}}