PhxShadcn
Form Field
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
Form Field
Stories
Playground
Source
Stories
Playground
Source
Preview
Code
HTML
Email
We'll never share your email.
can't be blank
Attributes
Event logs
Attribute
Type
Documentation
Default
Value
Required
field
*
%FormField{}
Required
label
*
:string
type
:string
"text"
description
:string
class
:any
[]
placeholder
:string
default_checked
:boolean
false
size
:string
"default"
default_pressed
:boolean
false
variant
:string
"default"
min
:any
0
max
:any
100
step
:any
1
default_value
:any
orientation
:string
"horizontal"
max_length
:integer
6
pattern
:string
"digits"
options
:list
prompt
:string
value
:string
disabled
:boolean
false
rest
:global
inner_block
:slot
Open a variation
Default text input
Email input
Password input
Textarea type
Switch type (horizontal layout)
Toggle type (horizontal layout)
Checkbox type (horizontal layout)
Disabled input
Field with validation errors