{"componentChunkName":"component---src-pages-components-accordion-code-mdx","path":"/components/accordion/code/","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","Accessibility"]},"relativePagePath":"/components/accordion/code.mdx","titleType":"prepend","MdxNode":{"id":"1435958a-8bff-58f4-bda0-0a39bb5cb424","children":[],"parent":"a24aa825-ad8b-5e13-8134-c88cfcfd542a","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', 'Accessibility']\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":"0a352408cf8b16c789a1a9d0ee1ff902","counter":1306,"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","Accessibility"]},"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', 'Accessibility']\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/3ed0734e/src/pages/components/accordion/code.mdx"}}}}