Accordion

<!-- Accordion -->
<div class="w-full max-w-80"></div>
 
<!-- Accordion Item -->
<div class="w-full border-b"></div>
 
<!-- Accordion Trigger -->
<h3 class="flex w-full">
  <button type="button" class="group flex w-full items-center justify-between py-3">
    Accordon Trigger
 
    <svg
      stroke="currentColor"
      fill="none"
      stroke-width="2"
      viewBox="0 0 24 24"
      stroke-linecap="round"
      stroke-linejoin="round"
      class="h-4 w-4 shrink-0 text-muted-text"
      height="1em"
      width="1em"
      xmlns="http://www.w3.org/2000/svg">
      <path d="m6 9 6 6 6-6"></path>
    </svg>
  </button>
</h3>
 
<!-- Accordion Content -->
<div class="text-sm">
  <div class="pb-3 pt-0 text-muted-text">Accordion Content</div>
</div>