Home
Manuela Bianka
FAQ section

FAQ section

An expanding frequently asked questions section made without using javascript.

This tailwind example is contributed by Manuela Bianka, on 14-Jul-2022. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are Frequently asked questions, QnA,collapsible

FAQ Accordion

Author Manuela Bianka

10.7k

Fork Fullscreen

<div class="bg-white border border-gray-200 divide-y divide-gray-200 rounded-xl m-12">
    <details class="p-6 group" open>
        <summary class="flex items-center justify-between cursor-pointer">
            <h5 class="text-lg font-medium text-gray-900">
                Lorem ipsum dolor sit amet consectetur adipisicing?
            </h5>

<p class="mt-4 leading-relaxed text-gray-700">
            Lorem ipsum dolor sit amet consectetur, adipisicing elit. Ab hic veritatis
            molestias culpa in, recusandae laboriosam neque aliquid libero nesciunt
            voluptate dicta quo officiis explicabo consequuntur distinctio corporis
            earum similique!
        </p>
    </details>

<details class="p-6 group">
        <summary class="flex items-center justify-between cursor-pointer">
            <h5 class="text-lg font-medium text-gray-900">
                Lorem ipsum dolor sit amet consectetur adipisicing?
            </h5>

Related Examples

Accordion FAQ
FAQ Accordion section without using any javascript

Author:
Sophia Baker

2 years ago

18.1k
FAQ page

Author:
R Thapa

1 year ago

14.6k
Accordion section

Author:
Lyra Ravensong

2 years ago

14.3k
FAQ with dropdown
Created by Surjith S M -> https://twitter.com/surjithctly This component does not use javascript for dropdown

Author:
Abhijit Sen

2 years ago

16.1k
FAQ Accordion Component
An interactive experience where users can click on questions to reveal or hide the corresponding answers.

Author:
King Kali

1 year ago

14.1k
Accordion
uses Flobite.js for interactivity

Author:
Piet Vriend

2 years ago

13.6k
Frequently asked questions (FAQ)

Author:
Brandon D

2 years ago

11.4k
Accordion FAQ
quick and easy access to frequently asked questions related to insurance. It allows users to expand and collapse questions with answers.

Author:
Anonymous

1 year ago

8.6k
Frequently Asked Questions section

Author:
Brandon D

2 years ago

11k
Accordion with minimum javascript

Author:
Anonymous

1 year ago

8.4k
FAQ cards
FAQ section with cards

Author:
Moriba Traore

1 year ago

13.6k
Tailwind FAQ accordion

Author:
yousef

1 year ago

3.8k
FAQ section

Author:
Simon Scheffer

2 years ago

10.5k

Explore components by Tags

Didn't find component you were looking for?

Search from 2100+ components