PhxShadcn
Button
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
Button
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
X
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
variant
:string
"default"
default
destructive
outline
secondary
ghost
link
size
:string
"default"
default
xs
sm
lg
icon
icon-xs
icon-sm
icon-lg
type
:string
"button"
navigate
:string
patch
:string
href
:string
class
:any
[]
disabled
:boolean
false
rest
:global
Required
inner_block
*
:slot
X
Open a variation
Default button
Destructive variant
Outline variant
Secondary variant
Ghost variant
Link variant
All sizes
Icon size
Disabled state
With phx-click (loading state built in)
Button with badge
Button rendered as a link (navigate)