@gitlab/ui/dist/components/base/accordion/accordion.documentation.js

GitLab UI Components

import examples from './examples';

var description = "# GlAccordion\n\n<!-- STORY -->\n\nAccordions are used to group similar content and hide or show it depending on user needs or\npreferences. Accordions give users more granular control over the interface and help digest content\nin stages, rather than all at once.\n";

var accordion_documentation = {
  followsDesignSystem: true,
  description,
  examples,
  bootstrapComponent: 'b-collapse',
  propsInfo: {
    autoCollapse: {
      additionalInfo: 'When true, will have the effect of closing other accordion items when one accordion item is visible.'
    },
    headerLevel: {
      additionalInfo: 'The header tag used in the accordion (h1/h2/h3/h4/h5/h6). This overrides the value provided by GlAccordion. For accessibility this should be set to an appropriate value in the context where the accordion is used.'
    }
  }
};

export default accordion_documentation;