Skyroc UI
Playground
v1.0
Accordion
Alert
Alert-dialog
Arrow
Aspect-ratio
Avatar
Badge
Bottom-sheet
Breadcrumb
Button
Card
Carousel
Checkbox
Collapsible
Combobox
Command
Context-menu
Dialog
Divider
Drawer
Dropdown-menu
Form
Hover-card
Icon
Input
Input-otp
Keyboard-key
Label
Layout
List
Menubar
Navigation-menu
Number-input
Pagination
Password
Popover
Progress
Radio
Resizable
Scroll-area
Segment
Select
Skeleton
Slider
Sonner
Tabs
Tag
Textarea
Toggle
Toggle-group
Tooltip
Tree
Virtualizer
Form Demo
Basic
Username
Email
Submit
Default Form
Username
Gender
Male
Female
Remember
Hobbies
Reading
City
Submit
Clear on Destroy
Username
Password
Toggle
Computed Field
Price
Quantity
Total
Get Value
Custom Validate Messages
Username
Age
Email
Submit
Field Change
Username
Age
Submit
Form List
Name 0
Age 0
Name 1
Age 1
replace 0:
move 0 to 1:
swap 0 and 1:
Company 0
Company 1
Middleware
Username
Password
Confirm Password
Submit
Set Username
Preserve
Username
Password
Toggle
Submit
Toggle Load
Reset
Username
Password
Info&City
Info&Company
Reset All
Reset Username
Undo/Redo
Username
Email
Tag 0
Tag 1
Change Username
Insert Tag
Undo
Redo
Submit
Use Form
Username
Password
Confirm Password
Info Age
Info Family Info
Info Gender
Info Hobbies
Get Values
Get Info Values
Get Info Age
Get Info Family Info
Set Info Age
Set Info Family Info
Set Info
Set Values
Reset
Reset Info
Submit
Use Selector
Username
Password
Confirm Password
Info Age
Info Phone
Set Values
Set Wrong Confirm
Set Phone
Get All Values
Submit
Use Watch
Username
Age
Password
Info&City
Info&company
Real-time Watch Results:
Username:
Age:
Password:
Info:null
Validate Fields
Username
Age
Password
Password2
Username2
Nickname
Work Email
Email
Role
Birthday
Website
Nickname2 (warningOnly)
Bio (whitespace)
Pin Code (len)
Favorite Color
Validate Nickname
Validate Username2
Submit
Validate Warning
Username
Age
Email
Validate Only
Submit (Normal)
Zod Resolver
Username
Email
Password
Submit
Async Validator Resolver
Username
Email
Submit
Form | Skyroc UI