Accordion Examples

<e-accordion>
  <e-accordion-item>
    <e-accordion-item-label>Default Accordion</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item active>
    <e-accordion-item-label>Active Accordion</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item disabled>
    <e-accordion-item-label>Disabled Accordion</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item active disabled>
    <e-accordion-item-label>Active and Disabled Accordion</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
</e-accordion>
<e-accordion borderless>
  <e-accordion-item>
    <e-accordion-item-label>Label One</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item>
    <e-accordion-item-label>Label Two</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item>
    <e-accordion-item-label>Label Three</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item>
    <e-accordion-item-label>Label Four</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
</e-accordion>
<e-accordion single>
  <e-accordion-item>
    <e-accordion-item-label>Label One</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item>
    <e-accordion-item-label>Label Two</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item active>
    <e-accordion-item-label>Label Three</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
  <e-accordion-item>
    <e-accordion-item-label>Label Four</e-accordion-item-label>
    <e-accordion-item-content>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</e-accordion-item-content>
  </e-accordion-item>
</e-accordion>