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 vote322 views1 answer
Hide table column using JavaScript
Html
0 vote269 views0 answer
Html
0 vote381 views1 answer
Cara mengatur ukuran gambar navbar-brand
Html
3 votes316 views6 answers
Ionicons
Html
13 votes347 views5 answers
Bootstrap button tooltip
Html
0 vote323 views1 answer
Angular function in html
Html
59 votes299 views2 answers
Text-muted
Html
0 vote317 views1 answer
Figcaption html
Html
0 vote328 views1 answer
Svelte for loop for index
Html
3 votes375 views6 answers
Bootstrap latest version
Html