Home
Gopi Yadav
Feature list

Feature list

list section

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

List

Author Gopi Yadav

10.6k

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

Author:
Prajwal Hallale

2 years ago

10.2k
Todo list template

Author:
Steven Kuhn

3 years ago

18.5k
Responsive list

Author:
Sienna

2 years ago

12.2k
Features list with heading

Author:
Leon Bachmann

2 years ago

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

Author:
Prajwal Hallale

2 years ago

20.2k
List with border

Author:
Samuel Dawson

2 years ago

11.1k
Reusable Skill Showcase Section With Pure Tailwind CSS
A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

Author:
Abdul Baset Bappy

8 months ago

1.6k
Organization Hierarchy list

Author:
Anonymous

2 years ago

8.4k
List component

Author:
Shru hari

1 year ago

3.1k
Responsive list
Horizontal list of items

Author:
Sophia Baker

2 years ago

10.5k
User list
User list

Author:
Anonymous

5 months ago

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

Author:
Junclarkaizen Pagu

2 years ago

6.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components