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

1 vote141 views2 answers
Add html validation to mobile number
Html
3 votes106 views3 answers
Cdn gsap
Html
0 vote147 views1 answer
Html-pdf Error: html-pdf: Received the exit code '127'
Html
0 vote150 views1 answer
Html textarea background text
Html
3 votes127 views2 answers
Html date range input
Html
19 votes157 views5 answers
Google icons
Html
0 vote136 views1 answer
How to pass dynamic url in Link react
Html
51 votes157 views4 answers
Add link to text html
Html
1 vote131 views2 answers
Get checkbox value in div TAG
Html
57 votes139 views2 answers
Dot select html
Html