Dropdown

Midone

Pages

Mail Settings

Users & Permissions

Transactions Report

Users

Johnny Depp

johnnydepp@left4code.com

Kevin Spacey

kevinspacey@left4code.com

Sylvester Stallone

sylvesterstallone@left4code.com

Christian Bale

christianbale@left4code.com

Products

Nikon Z6

Photography

Samsung Galaxy S20 Ultra

Basic Dropdown

Show example code

  HTMLOpenTagdiv class="dropdown"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle btn btn-primary" aria-expanded="false"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary" aria-expanded="false"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-56"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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="btn btn-primary py-1 px-2"HTMLCloseTagSettingsHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton type="button" class="btn btn-secondary py-1 px-2 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 btn btn-primary" aria-expanded="false"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-48"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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

  HTMLOpenTag!-- BEGIN: Show Modal Toggle --HTMLCloseTag HTMLOpenTagbutton id="programmatically-show-dropdown" class="btn btn-primary w-40 mr-1 mb-2"HTMLCloseTagShowHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: Show Modal Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Hide Modal Toggle --HTMLCloseTag HTMLOpenTagbutton id="programmatically-hide-dropdown" class="btn btn-primary w-40 mr-1 mb-2"HTMLCloseTagHideHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: Hide Modal Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Toggle Modal Toggle --HTMLCloseTag HTMLOpenTagbutton id="programmatically-toggle-dropdown" class="btn btn-primary w-40 mr-1 mb-2"HTMLCloseTagToggleHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag!-- END: Toggle Modal Toggle --HTMLCloseTag HTMLOpenTag!-- BEGIN: Dropdown Content --HTMLCloseTag HTMLOpenTagdiv id="programmatically-dropdown" class="dropdown inline-block"HTMLCloseTag HTMLOpenTagbutton class="dropdown-toggle btn btn-primary w-40 mr-1 mb-2" aria-expanded="false"HTMLCloseTagExample DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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!-- END: Dropdown Content --HTMLCloseTag

  // 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 btn btn-primary" aria-expanded="false"HTMLCloseTag Filter Dropdown HTMLOpenTagi data-feather="chevron-down" class="w-4 h-4 ml-2"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__content box p-5"HTMLCloseTag HTMLOpenTagdivHTMLCloseTag HTMLOpenTagdiv class="text-xs"HTMLCloseTagFromHTMLOpenTag/divHTMLCloseTag HTMLOpenTaginput type="text" class="form-control 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="form-control mt-2 flex-1" placeholder="example@gmail.com"/HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="flex items-center mt-3"HTMLCloseTag HTMLOpenTagbutton data-dismiss="dropdown" class="btn btn-secondary w-32 ml-auto"HTMLCloseTagCloseHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagbutton class="btn btn-primary w-32 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 btn btn-primary" aria-expanded="false"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary" aria-expanded="false"HTMLCloseTagShow DropdownHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagTop StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagTopHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagTop EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagRight StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagRightHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagRight EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagBottom EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagBottomHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagBottom StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagLeft StartHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagLeftHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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 btn btn-primary w-32 mr-1 mb-2" aria-expanded="false"HTMLCloseTagLeft EndHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTagdiv class="dropdown-menu w-40"HTMLCloseTag HTMLOpenTagdiv class="dropdown-menu__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

Dark Mode