Ask with a source and a model
Style sheet starts attached. Add source offers two more. Quill or Quill small. Send reports the model, the sources, and the count.
Components
Inputs & forms
027 pieces Sort
Room
Platform
Motion
Style
Label that rises in the field
The label sits in the field at 15px, then rises and scales to 11px when the field is focused or already filled.
Underline OTP input
A six-digit verification code on hairline underlines: paste fills all six, typing auto-advances, a wrong code shakes coral, a resend countdown ticks, success turns gold.
Token field
Rice and Oil start on the truck. Enter adds a load once. A remove control drops one. Backspace on an empty field drops the last.
Textarea field
A dock note with the hint under it and a count of 160. Past 160 the hint yields to the error and the border turns danger.
Text field
Three account fields: a name with a hint, a gate code in error until it is four digits, and a badge number that cannot be edited.
Stretch switch
Hold starts on. Press the thumb and it widens. Release and it slides. The label says on or off.
Slider field
A dock arrival from 08:00 to 18:00. The thumb starts at 16:00. The value sits beside the label and updates as the thumb moves.
Select field
A closed list of roles. The field matches the other controls. The list uses the same radius. Empty submit puts the error under the field.
Rating score
Five marks for the handoff. Four start filled. Choosing another mark rewrites the line to that score of 5.
Radio group
Three shifts in one fieldset. Morning starts selected. Arrow keys move the choice. The status line names the shift on the gate.
Prompt composer
A 640px ask box. Plain, Short, or Formal. Send stays off until there is text, then reports the tone and the count.
Phone input with country picker
A phone field with a searchable flag-and-dial-code picker, live formatting per country, paste detection of +codes, and digit-count validation.
Phone form fields
An industrial phone booking form: caps labels, mono values, phone with country code, date, segmented size, counted note, switch, blur validation and an error summary.
Password field
A password that starts hidden. Show reveals gate-1842. Hide puts it back. The hint says the yard issued it.
Inline edit
The load name is text until you click it. Enter saves. Escape puts the old name back.
File upload manager
A dark upload screen: a tall dropzone that inverts on drag, a real file picker, and a queue with live speed, time left, pause, cancel, and retry.
Dial knob
A round hold-hours knob from 0 to 12. It starts at 6. Drag or arrow keys move it by one hour.
Combobox
A bay field that filters eight names as you type. It opens on Ba, with Bay 2, Bay 4, and Bay 14. Enter commits the highlighted row.
Checkbox group
Three loads on one truck. Rice and Oil start on. Each box is its own choice, and the line names what is actually on.
Analog stick
A stick in a round well. Move toward a side and it leans. Night, Gate, Month, or Yard lights.
Upload file queue
A dashed drop zone and a queue of files: one sent, one advancing, one rejected, with new sheets joining at 8 percent.
Checkbox draw list
A ruled-paper to-do list where red-pencil checkmarks draw in, strike-throughs sweep across each task, and a 232px serif numeral counts progress.
Multi-step form stepper
A three-step workspace setup with a horizontal stepper whose connectors fill on completion, direction-aware 40px slide transitions, validation on Continue and a review step with Edit links.
M3 search bar morph
A Material 3 Expressive container transform: a 56px pill search bar in a dark top app bar grows into a full-screen search view (radius 28→0) with suggestions fading in; the back arrow reverses it.
Inline form validation
A signup form that validates each field on blur with a 6px shake for errors, a stroke-drawn tick for success, a 4-segment password meter and a submit gated until everything passes.
Filter chips product list
A 390px product list with a horizontally scrolling chip row (selected chip grows a check), a sort bottom sheet, a 2-column grid with SVG wishlist hearts, and a shimmer skeleton on every filter change.
No pieces match those filters. and try again.