Tailwind CSS List group

<ul class="w-48 text-sm font-medium text-gray-900 bg-white rounded-lg border border-gray-200 dark:bg-gray-700 dark:border-gray-600 dark:text-white">
    <li class="py-2 px-4 w-full rounded-t-lg border-b border-gray-200 dark:border-gray-600">Profile</li>
    <li class="py-2 px-4 w-full border-b border-gray-200 dark:border-gray-600">Settings</li>
    <li class="py-2 px-4 w-full border-b border-gray-200 dark:border-gray-600">Messages</li>
    <li class="py-2 px-4 w-full rounded-b-lg">Download</li>
</ul>

Source: flowbite.com

Similar codes

16 votes200 views5 answers
Bgcolor html
Html
6 votes180 views2 answers
Html meta redirect to another page
Html
5 votes135 views1 answer
Vuejs router
Html
0 vote268 views1 answer
Draw vertical line tailwind css
Html
68 votes183 views4 answers
Favicon in html document
Html
7 votes173 views2 answers
Onclick reportrange html
Html
3 votes175 views1 answer
No cache html
Html
1 vote132 views1 answer
A href input type submit
Html
0 vote187 views1 answer
38 1,2
Html
1 vote181 views1 answer
Faq html css
Html