Phoenix UI
Pick a color mode
Light
Dark
System
Components
Avatar Group
Quick search...
⌘K
Phoenix UI
Getting started
Components
Accordion
Avatar
Avatar Group
Backdrop
Badge
Breadcrumb
Button
Divider
Paper
Popover
Progress
- 0.7.2
Getting started
Getting started
Accordion
Components
Accordion
Avatar
Components
Avatar
Avatar Group
Components
Avatar Group
Backdrop
Components
Backdrop
Badge
Components
Badge
Breadcrumb
Components
Breadcrumb
Button
Components
Button
Divider
Components
Divider
Paper
Components
Paper
Popover
Components
Popover
Progress
Components
Progress
Avatar Group
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
border
:boolean
true
class
:any
Extend existing component styles
color
:string
"zinc"
element
:string
"div"
max
:integer
5
rest
:global
size
:string
"md"
xs
sm
md
lg
xl
spacing
:string
"md"
xs
sm
md
lg
xl
total
:integer
variant
:string
"circular"
Required
avatar
*
:slot
Open a variation
Variant
Max avatars
Total avatars
Spacing
Size