Actions
Dropdown
Actions
Button
Dropdown
FAB / Speed Dial
Modal
Swap
Theme Controller
Data display
Accordion
Avatar
Badge
Card
Carousel
Chat bubble
Collapse
Countdown
Diff
Hover Gallery
Kbd
List
Stat
Status
Table
Timeline
Navigation
Breadcrumbs
Dock
Link
Menu
Navbar
Pagination
Steps
Tabs
Feedback
Alert
Loading
Progress
Radial progress
Skeleton
Toast
Tooltip
Data input
Calendar
Checkbox
Fieldset
File Input
Filter
Label
Radio
Range
Rating
Select
Text Input
Textarea
Toggle
Validator
Layout
Divider
Drawer
Footer
Hero
Indicator
Join
Mask
Stack
Mockup
Browser
Code
Phone
Window
Dropdown using details and summary
open or close
Item 1
Item 2
Dropdown using popover API and anchor positioning
Button
Item 1
Item 2
Dropdown menu
Click
Item 1
Item 2
Dropdown / aligns to start of button horizontally
Click ⬇️
Item 1
Item 2
Dropdown / aligns to end of button horizontally
Click ⬇️
Item 1
Item 2
Dropdown / aligns to center of button horizontally
Click ⬇️
Item 1
Item 2
Dropdown top
Click ⬆️
Item 1
Item 2
Dropdown top / aligns to center of button horizontally
Click ⬆️
Item 1
Item 2
Dropdown top / aligns to end of button horizontally
Click ⬆️
Item 1
Item 2
Dropdown bottom (default)
Click ⬇️
Item 1
Item 2
Dropdown bottom (default) / aligns to center of button horizontally
Click ⬇️
Item 1
Item 2
Dropdown bottom (default) / aligns to end of button horizontally
Click ⬇️
Item 1
Item 2
Dropdown left
Click ⬅️
Item 1
Item 2
Dropdown left / aligns to center of button vertically
Click ⬅️
Item 1
Item 2
Dropdown left / aligns to end of button vertically
Click ⬅️
Item 1
Item 2
Dropdown right
Click ➡️
Item 1
Item 2
Dropdown right / aligns to end of button vertically
Click ➡️
Item 1
Item 2
Dropdown right / aligns to center of button vertically
Click ➡️
Item 1
Item 2
Dropdown on hover
Hover
Item 1
Item 2
Force open
Button
Item 1
Item 2
Card as dropdown
Click
This is a card. You can use any element as a dropdown.
Dropdown in navbar
daisyUI
Button
Dropdown
Item 1
Item 2
Helper dropdown
A normal text and a helper dropdown
You needed more info?
Here is a description!