Feature list

list section

This tailwind example is contributed by Gopi Yadav, on 18-Jan-2023. Component is made with Tailwind v3.4. It is responsive.

List

Author Gopi Yadav

Tailwind v3.4 11.4k 18

Fork Fullscreen

<div class="flex flex-col mb-8 md:mb-auto gap-3.5 flex-1 p-4 mt-16">
    <h2 class="flex gap-3 items-center m-auto text-lg font-bold md:flex-col md:gap-2">
        <svg stroke="currentColor" fill="none" stroke-width="1.5" viewBox="0 0 24 24" stroke-linecap="round"
            stroke-linejoin="round" class="h-6 w-6" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
            <path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path>
            <line x1="12" y1="9" x2="12" y2="13"></line>
            <line x1="12" y1="17" x2="12.01" y2="17"></line>
        </svg>Limitations
    </h2>
    <ul class="flex flex-col gap-3.5 w-full sm:max-w-md m-auto">
        <li class="w-full bg-gray-100 p-3 rounded-md">
            Limited operating hours
        </li>
        <li class="w-full bg-gray-100 p-3 rounded-md">Limited warranty coverage</li>
        <li class="w-full bg-gray-100 p-3 rounded-md">Limited geographic coverage
        </li>
    </ul>
</div>

Related Examples

List of links

Prajwal Hallale

3 years ago

10.4k
Todo list template

Steven Kuhn

3 years ago

19.5k
Responsive list

Sienna

3 years ago

12.8k
Features list with heading

Leon Bachmann

3 years ago

12.1k
Users ranking list with points

Leif99

3 years ago

12.9k
Responsive list
Horizontal list of items

Sophia Baker

3 years ago

10.9k
Article List Section
A section displaying a list of articles with associated information.

Junclarkaizen Pagu

3 years ago

8k
Table
Table with image and status with pagination buttons

Abhiraj

1 year ago

3.1k
About our apps UI Components
A visual collection of our most recent works - each piece crafted with intention, emotion and style.

Alif Bima Pradana

9 months ago

966
List example

Isabella Kowalski

3 years ago

14.9k
Twitter like users list

Simon Scheffer

3 years ago

12.8k
Dropdown menu list
Dropdown menu list without using javascript. This example takes advantage of native HTML's <details> and <summary> tags

Prajwal Hallale

3 years ago

20.6k