Tailwind CSS tabs

<ul class="flex flex-wrap border-b border-gray-200 dark:border-gray-700">
    <li class="mr-2">
        <a href="#" aria-current="page" class="inline-block py-4 px-4 text-sm font-medium text-center text-blue-600 bg-gray-100 rounded-t-lg active dark:bg-gray-800 dark:text-blue-500">Profile</a>
    </li>
    <li class="mr-2">
        <a href="#" class="inline-block py-4 px-4 text-sm font-medium text-center text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300">Dashboard</a>
    </li>
    <li class="mr-2">
        <a href="#" class="inline-block py-4 px-4 text-sm font-medium text-center text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300">Settings</a>
    </li>
    <li class="mr-2">
        <a href="#" class="inline-block py-4 px-4 text-sm font-medium text-center text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300">Contacts</a>
    </li>
    <li>
        <a class="inline-block py-4 px-4 text-sm font-medium text-center text-gray-400 rounded-t-lg cursor-not-allowed dark:text-gray-500">Disabled</a>
    </li>
</ul>

Source: flowbite.com

Similar codes

2 votes211 views1 answer
Html iframe no border
Html
60 votes206 views2 answers
Radio buttons
Html
3 votes188 views2 answers
How to align elements horizontally in css
Html
0 vote205 views1 answer
Html select required message
Html
1 vote195 views1 answer
Difference between name and value in html
Html
0 vote220 views1 answer
How to stop html audio
Html
0 vote207 views1 answer
Prevent image saving in html
Html
0 vote212 views1 answer
How to send boolean with newselectList from cshtml in form C#
Html
1 vote206 views2 answers
How to make a youtube video on a website and let it start by a set time
Html
0 vote197 views1 answer
Ngfor display in html table
Html