Phoenix + DaisyUI
Components
Dropdown
Quick search...
⌘K
🌻 DaisyUIComponents
Setup
Welcome
Components
Alert
Avatar
Badge
Breadcrumbs
Button
Card
Checkbox
Drawer
Dropdown
Fieldset
Flash
Footer
Header
Hero
Indicator
Input
Join
Label
List
Loading
Menu
Modal
Navbar
Pagination
Progress
Radio
Range
Select
Simple Form
Stat
Swap
Table
Text Input
Textarea
Toggle
Tooltip
Examples
- 0.8.0
Setup
Setup
Welcome
Welcome
Alert
Components
Alert
Avatar
Components
Avatar
Badge
Components
Badge
Breadcrumbs
Components
Breadcrumbs
Button
Components
Button
Card
Components
Card
Checkbox
Components
Checkbox
Drawer
Components
Drawer
Dropdown
Components
Dropdown
Fieldset
Components
Fieldset
Flash
Components
Flash
Footer
Components
Footer
Header
Components
Header
Hero
Components
Hero
Indicator
Components
Indicator
Input
Components
Input
Join
Components
Join
Label
Components
Label
List
Components
List
Loading
Components
Loading
Menu
Components
Menu
Modal
Components
Modal
Navbar
Components
Navbar
Pagination
Components
Pagination
Progress
Components
Progress
Radio
Components
Radio
Range
Components
Range
Select
Components
Select
Simple Form
Components
Simple Form
Stat
Components
Stat
Swap
Components
Swap
Table
Components
Table
Text Input
Components
Text Input
Textarea
Components
Textarea
Toggle
Components
Toggle
Tooltip
Components
Tooltip
Insert Users
Examples
Insert Users
Dropdown
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
Click
Item 1
Item 2
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
class
:string
direction
:string
top
bottom
left
right
align
:string
end
hover
:boolean
open
:boolean
rest
:global
Required
inner_block
*
:slot
<div tabindex="0" class="btn m-1">Click</div>
Open a variation
Dropdown menu using details
Dropdown aligns to end
Dropdown top
Dropdown top aligns to end
Dropdown bottom
Dropdown bottom aligns to end
Dropdown left
Dropdown left aligns to end
Dropdown right
Dropdown right aligns to end
Dropdown hover
Dropdown force open
Cards as dropdown