Home
Task Master
Minimal list section

Minimal list section

This tailwind example is contributed by Task Master, on 03-Nov-2022. Component is made with Tailwind CSS v3. It is responsive.

List

Author Task Master

8.6k

Fork Fullscreen

<div>
    <span class="block mb-4 text-lg font-semibold tracking-wider text-gray-600">Companies</span>
    <nav class="flex flex-col space-y-3">
        <a href="#" class="text-gray-500 hover:text-indigo-500">
            Allstate Insurance
        </a>
        <a href="#" class="text-gray-500 hover:text-indigo-500">Tailwind
            State Farm Insurance
        </a>
        <a href="#" class="text-gray-500 hover:text-indigo-500">
            GEICO
            Insurance<span class="px-2 py-1 ml-2 text-xs font-semibold text-white uppercase bg-indigo-600 rounded-full">New</span>
        </a>
        <a href="#" class="text-gray-500 hover:text-indigo-500">
            Progressive Insurance
        </a>
        <a href="#" class="text-gray-500 hover:text-indigo-500">Tailwind
            American Family Insurance
        </a>
        <a href="#" class="text-gray-500 hover:text-indigo-500">Free Tailwind CSS
            USAA (United Services Automobile Association)
        </a>
    </nav>
</div>

Related Examples