Accordion Component

Table of Contents

Usage

Dolor elit id irure tempor anim do eiusmod sint sunt ea officia voluptate amet ex. Consequat cupidatat ut et fugiat duis occaecat. Mollit consequat nulla elit voluptate reprehenderit in consequat elit nisi nulla voluptate sint.

Default Accordion

  • Commodo Lorem incididunt magna velit mollit veniam ut velit eu aliqua occaecat Lorem veniam deserunt. In minim laborum ut deserunt adipisicing minim qui officia duis ad adipisicing elit. Nulla nulla do excepteur non. Culpa fugiat anim eu labore fugiat eu sit reprehenderit laboris. Elit nulla duis dolore Lorem eu elit cillum dolor dolor laboris aute laboris. Elit excepteur proident cillum velit laboris fugiat aliqua excepteur ut.
  • Nostrud ex sit proident ad. Fugiat eiusmod nostrud ex in non qui esse ut sit. Anim ut duis reprehenderit officia laboris consectetur mollit magna dolor eiusmod amet commodo eu.
  • Id laboris dolore officia sunt ut velit culpa incididunt cillum ullamco minim ex excepteur nostrud. Magna voluptate et tempor sit duis commodo elit occaecat elit tempor dolore sit est cillum. Culpa voluptate veniam magna pariatur et. Id ex eiusmod aliquip ullamco sit adipisicing ea enim velit sint nisi. Ullamco Lorem voluptate qui fugiat id proident. 
<script>
  import { Accordion, AccordionItem } from "$lib/components";
</script>

<Accordion>
  <AccordionItem title="Item 1">
    Commodo Lorem incididunt magna velit mollit veniam ut velit eu aliqua
    occaecat Lorem veniam deserunt. In minim laborum ut deserunt adipisicing
    minim qui officia duis ad adipisicing elit. Nulla nulla do excepteur non.
    Culpa fugiat anim eu labore fugiat eu sit reprehenderit laboris. Elit nulla
    duis dolore Lorem eu elit cillum dolor dolor laboris aute laboris. Elit
    excepteur proident cillum velit laboris fugiat aliqua excepteur ut.
  </AccordionItem>
  <AccordionItem title="Item 2">
    Nostrud ex sit proident ad. Fugiat eiusmod nostrud ex in non qui esse ut
    sit. Anim ut duis reprehenderit officia laboris consectetur mollit magna
    dolor eiusmod amet commodo eu.
  </AccordionItem>
  <AccordionItem title="Item 3">
    Id laboris dolore officia sunt ut velit culpa incididunt cillum ullamco
    minim ex excepteur nostrud. Magna voluptate et tempor sit duis commodo elit
    occaecat elit tempor dolore sit est cillum. Culpa voluptate veniam magna
    pariatur et. Id ex eiusmod aliquip ullamco sit adipisicing ea enim velit
    sint nisi. Ullamco Lorem voluptate qui fugiat id proident.
  </AccordionItem>
</Accordion>