PhxShadcn
Accordion
Quick search...
⌘K
Storybook
Accordion
Alert
Alert Dialog
Aspect Ratio
Avatar
Badge
Breadcrumb
Button
Card
Checkbox
Collapsible
Context Menu
Dialog
Dropdown Menu
Form
Form Field
Hover Card
Input
Input Otp
Label
Menubar
Native Select
Pagination
Popover
Progress
Radio-group
Select
Separator
Sheet
Skeleton
Slider
Switch
Table
Tabs
Textarea
Toast
Toggle
Toggle Group
Tooltip
- 0.9.3
Accordion
Accordion
Alert
Alert
Alert Dialog
Alert Dialog
Aspect Ratio
Aspect Ratio
Avatar
Avatar
Badge
Badge
Breadcrumb
Breadcrumb
Button
Button
Card
Card
Checkbox
Checkbox
Collapsible
Collapsible
Context Menu
Context Menu
Dialog
Dialog
Dropdown Menu
Dropdown Menu
Form
Form
Form Field
Form Field
Hover Card
Hover Card
Input
Input
Input Otp
Input Otp
Label
Label
Menubar
Menubar
Native Select
Native Select
Pagination
Pagination
Popover
Popover
Progress
Progress
Radio-group
Radio-group
Select
Select
Separator
Separator
Sheet
Sheet
Skeleton
Skeleton
Slider
Slider
Switch
Switch
Table
Table
Tabs
Tabs
Textarea
Textarea
Toast
Toast
Toggle
Toggle
Toggle Group
Toggle Group
Tooltip
Tooltip
Accordion
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
With plus/minus icon
Content with a custom icon.
Another item
More content here.
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
Required
id
*
:string
type
:string
"single"
single
multiple
collapsible
:boolean
false
value
:any
default_value
:any
on_value_change
:any
animation_duration
:integer
200
class
:any
[]
rest
:global
Required
inner_block
*
:slot
Open a variation
Single mode, collapsible
Multiple mode — open several items at once
With an item open by default
One item is disabled
Plus/minus icon — vertical line collapses on open
No icon via hide_icon