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

0 vote194 views2 answers
Share to facebook html link
Html
4 votes189 views5 answers
Get textarea value jquery
Html
53 votes165 views5 answers
Bootstrap display none
Html
0 vote281 views1 answer
Draw vertical line tailwind css
Html
2 votes175 views2 answers
Check if javascript is enabled
Html
5 votes218 views1 answer
Html bullet symbol
Html
0 vote215 views1 answer
Erc20 symbol format
Html
0 vote197 views1 answer
Fix character wpf missing
Html
0 vote181 views2 answers
Tailwind css link
Html
0 vote193 views1 answer
Subscript formatting html
Html