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 vote184 views1 answer
Simplecss.org cdn
Html
39 votes192 views6 answers
Href mailto
Html
7 votes217 views2 answers
How to write multiple style in html
Html
-4 votes203 views6 answers
Headings in html
Html
12 votes192 views3 answers
Trademark symbol
Html
16 votes207 views6 answers
Routerlink in angular
Html
1 vote200 views1 answer
Head icon html
Html
0 vote200 views1 answer
2 button component in single row vuetify
Html
1 vote197 views1 answer
Minmax length password
Html
0 vote190 views1 answer
Set text of file input
Html