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 vote283 views1 answer
Html how to use special characters with font
Html
0 vote266 views2 answers
Target _blank on a link_to
Html
0 vote297 views1 answer
Remover Acentos
Html
0 vote238 views1 answer
Best meta tags
Html
14 votes235 views6 answers
Placeholder select html
Html
28 votes265 views6 answers
Phone html
Html
0 vote259 views1 answer
Capturing input value alpine js
Html
1 vote282 views1 answer
Async pipe ngfor
Html
20 votes251 views2 answers
Nth-child css in hindi
Html
212 votes363 views6 answers
Open link in new tab html
Html