Dropdown

Basic Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button inline-block bg-theme-1 text-white"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Header & Footer Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button inline-block bg-theme-1 text-white"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-56"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1"HTMLCloseTag HTMLOpenTagdiv class="p-4 border-b border-gray-200 dark:border-dark-5 font-medium"HTMLCloseTagExport OptionsHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="p-2"HTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="activity" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Export to PDF HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="box" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Export to Excel HTMLOpenTagdiv class="text-xs text-white px-1 rounded-full bg-theme-6 ml-auto"HTMLCloseTag10HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="layout" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Export to CSV HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="sidebar" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Export to Word HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="px-3 py-3 border-t border-gray-200 dark:border-dark-5 font-medium flex"HTMLCloseTag HTMLOpenTagbutton type="button" class="button button--sm bg-theme-1 text-white"HTMLCloseTagSettingsHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton type="button" class="button button--sm bg-gray-200 text-gray-600 ml-auto"HTMLCloseTagView ProfileHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Icon Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button inline-block bg-theme-1 text-white"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-48"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="edit-2" class="w-4 h-4 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag New Dropdown HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="trash" class="w-4 h-4 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Delete Dropdown HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Programmatically Show/Hide Dropdown

Show example code

  // Show dropdown cash('#programmatically-show-dropdown').on('click', function() { cash('#programmatically-dropdown').dropdown('show') }) // Hide dropdown cash('#programmatically-hide-dropdown').on('click', function() { cash('#programmatically-dropdown').dropdown('hide') }) // Toggle dropdown cash('#programmatically-toggle-dropdown').on('click', function() { cash('#programmatically-dropdown').dropdown('toggle') })

Dropdown with close button

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="bottom-start"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button flex items-center inline-block bg-theme-1 text-white"HTMLCloseTag Filter Dropdown HTMLOpenTagi data-feather="chevron-down" class="w-4 h-4 ml-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box p-5"HTMLCloseTag HTMLOpenTagdivHTMLCloseTag HTMLOpenTagdiv class="text-xs"HTMLCloseTagFromHTMLOpenTag/divHTMLCloseTag HTMLOpenTaginput type="text" class="input w-full border mt-2 flex-1" placeholder="example@gmail.com"/HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="mt-3"HTMLCloseTag HTMLOpenTagdiv class="text-xs"HTMLCloseTagToHTMLOpenTag/divHTMLCloseTag HTMLOpenTaginput type="text" class="input w-full border mt-2 flex-1" placeholder="example@gmail.com"/HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="flex items-center mt-3"HTMLCloseTag HTMLOpenTagbutton data-dismiss="dropdown" class="button w-32 justify-center block bg-gray-200 text-gray-600 dark:bg-dark-1 dark:text-gray-300 ml-auto"HTMLCloseTagCloseHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="button w-32 justify-center block bg-theme-1 text-white ml-2"HTMLCloseTagSearchHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Scrolled Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button inline-block bg-theme-1 text-white"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2 overflow-y-auto h-32"HTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagJanuaryHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagFebruaryHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagMarchHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagJuneHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagJulyHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Header & Icon Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button inline-block bg-theme-1 text-white"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1"HTMLCloseTag HTMLOpenTagdiv class="px-4 py-2 border-b border-gray-200 dark:border-dark-5 font-medium"HTMLCloseTagExport ToolsHTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="p-2"HTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="printer" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Print HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="external-link" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag Excel HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="file-text" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag CSV HTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="flex items-center block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTag HTMLOpenTagi data-feather="archive" class="w-4 h-4 text-gray-700 dark:text-gray-300 mr-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag PDF HTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag

Dropdown Placement

Show example code

  HTMLOpenTagdiv class="text-center"HTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="top-start"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagTop StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="top"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagTopHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="top-end"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagTop EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="right-start"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagRight StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="right"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagRightHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="right-end"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagRight EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="bottom-end"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagBottom EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="bottom"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagBottomHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="bottom-start" HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagBottom StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="left-start"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagLeft StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="left"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagLeftHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="dropdown inline-block" data-placement="left-end"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle button w-32 mr-1 mb-2 inline-block bg-theme-1 text-white"HTMLCloseTagLeft EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-box w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-box__content box dark:bg-dark-1 p-2"HTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagNew DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTaga href="" class="block p-2 transition duration-300 ease-in-out bg-white dark:bg-dark-1 hover:bg-gray-200 dark:hover:bg-dark-2 rounded-md"HTMLCloseTagDelete DropdownHTMLOpenTag/aHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag