extends ../../layouts/LayoutComponent
include ../../mixins/components/Accordion

append variables       
  -
    var pageHeader = {
      title: 'Accordion',
      description: 'An accordion allows users to toggle the display of sections of content',
      url: `https://getbootstrap.com/docs/${bootstrapVersion}/components/accordion`,
      linkText: 'Accordion on Bootstrap'
    }            

append content
  +PageHeader(pageHeader)

  +ComponentCard({
    title: 'Example',
    anchor: true,
    description:"Using the card component, you can extend the default collapse behavior to create an accordion. To properly achieve the accordion style, be sure to use <code> .accordion </code> as a wrapper.",
    descriptionClass:'mt-2'
  })
    +AccordionDemo