Tailwind CSS Accordion - Taco Svelte

The Accordion allows the user to show and hide sections of related content on a page. There are many ways to use this component, like displaying a list of FAQs, showing various menus and submenus, displaying the locations of a particular company, and more. Below we are presenting an example of the Accordion component that you can use in your Taco project. 

<AccordionContainer multiple="false">
      <AccordionItem 
        disabled="false"
        animation="false"
      >
        <span slot="header"
        >
            Accordion Header
        </span>
    
        <span slot="body">
            Accordion Body
        </span>
      </AccordionItem>
      <AccordionItem 
        animation="false"
      >
        <span slot="header"
        >
            Accordion Header
        </span>
    
        <span slot="body">
            Accordion Body
        </span>
      </AccordionItem>
    </AccordionContainer>