Web Components Library

Centered Accordion

No notes defined.

  • Handle: @tw-ui-centered-accordion
  • Preview:
  • Filesystem Path: components/10-other-examples/tailwind-ui-components/faq/centered-accordion.hbs 
<div class="max-w-sm mx-auto">

    <div class="mb-4">
        <p class="text-3xl font-semibold text-center">Frequently asked questions</p>
    </div>

    <div class="border-t-2 border-black">
        <p class="font-medium text-2xl">Why should I use MiniDisc?</p>
        <i class="fas fa-chevron-up"></i>
    </div>

</div>
 
<div class="max-w-sm mx-auto">

    <div class="mb-4">
        <p class="text-3xl font-semibold text-center">{{ text1 }}</p>
    </div>

    <div class="border-t-2 border-black">
        <p class="font-medium text-2xl">{{ text2 }}</p>
        <i class="fas fa-chevron-up"></i>
    </div>

</div>
 
{
  "text1": "Frequently asked questions",
  "text2": "Why should I use MiniDisc?"
}