Tailwind CSS Button group

<div class="inline-flex rounded-md shadow-sm" role="group">
  <button type="button" class="py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-l-lg border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white">
    Profile
  </button>
  <button type="button" class="py-2 px-4 text-sm font-medium text-gray-900 bg-white border-t border-b border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white">
    Settings
  </button>
  <button type="button" class="py-2 px-4 text-sm font-medium text-gray-900 bg-white rounded-r-md border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-2 focus:ring-blue-700 focus:text-blue-700 dark:bg-gray-700 dark:border-gray-600 dark:text-white dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-blue-500 dark:focus:text-white">
    Messages
  </button>
</div>

Source: flowbite.com

Similar codes

0 vote262 views1 answer
Typo3 headerdata
Html
1 vote277 views4 answers
Html prevent submit from reloading page
Html
0 vote256 views2 answers
How to make password in html correct or incorrect
Html
0 vote248 views2 answers
Binding combobox header datagrid wpf
Html
0 vote306 views1 answer
Put the text in the end of navbar collapse
Html
1 vote264 views2 answers
How to open html file in terminal
Html
0 vote233 views1 answer
Responsive container centered
Html
2 votes244 views1 answer
How to make text emphasized in html
Html
4 votes262 views1 answer
@keyup.enter vue
Html
0 vote253 views1 answer
Magento 2 call phtml file in cms page
Html