Phoenix + DaisyUI
Components
Avatar
Quick search...
⌘K
🌻 DaisyUIComponents
Setup
Welcome
Components
Alert
Avatar
Badge
Breadcrumbs
Button
Card
Checkbox
Drawer
Dropdown
Flash
Header
Hero
Indicator
Input
Join
List
Loading
Menu
Modal
Navbar
Pagination
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
Flash
Components
Flash
Header
Components
Header
Hero
Components
Hero
Indicator
Components
Indicator
Input
Components
Input
Join
Components
Join
List
Components
List
Loading
Components
Loading
Menu
Components
Menu
Modal
Components
Modal
Navbar
Components
Navbar
Pagination
Components
Pagination
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
Core Components
Examples
Core Components
Avatar
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
D
AI
SY
UI
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
class
:any
placeholder
:boolean
false
online
:boolean
false
offline
:boolean
false
rest
:global
inner_block
:slot
[Multiple values]
Open a variation
Avatar
Avatar in custom sizes
Avatar rounded
Avatar with mask
Avatar group
Avatar group with counter
Avatar with ring
Avatar with presence indicator
Avatar placeholder