04 — Forms
Form & interaction components
Twenty-four primitives, every state covered. All inputs share size, focus and error treatment.
Text inputs
Default / leading icon / trailing icon / password / search / states.
Default
Must be a company address.
Password
States
That doesn't look like a valid email.
Sizes
Disabled / read-only
Textarea
Select & multi-select
Tag input
Press Enter to add
Combobox
Selection · checkbox, radio, switch
Checkbox
Radio · plan
Switch
Card-style selectors
Pick-one and pick-many with rich content.
Date & time pickers
Date · May 2026
Time
Showing 30-min slots · timezone Europe/Paris
OTP · pincode
6-digit verification, auto-advance.
Enter the code we sent
We sent a 6-digit code to m@astry.agency
File upload
Drag & drop
Avatar upload
Square PNG / JPG, ≥ 256×256.
Sliders · range
Color picker
Pick brand color
Stepper · multi-step form
Account
Create your workspace
Workflow
Pick a template
Review
Confirm settings
Done
Ship it
Tabs · variants
Pill
Underline
Misc
Filter chips, sort, breadcrumb counterparts.
Filter chips
Sort
Tooltip
Online · last seen now
+1