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 vote295 views1 answer
Amazon type search box html css
Html
0 vote320 views1 answer
Plantuml bold text
Html
0 vote284 views1 answer
Phoneto html
Html
0 vote300 views3 answers
Dropzone
Html
3 votes297 views2 answers
Html style element
Html
0 vote289 views2 answers
Block elements
Html
0 vote328 views1 answer
Slick slider slidestoshow auto
Html
1 vote274 views1 answer
Don't drag html
Html
0 vote269 views1 answer
Html doc
Html
0 vote283 views1 answer
Html path svg stop
Html