Fieldbook
Sign in

Inputs

OTP field

A one-time-code field of separate boxes over one hidden input, where an accent tile glides to the box being edited and the row pulses once the code is complete.

Using OTP field

A one-time-code field of separate boxes over one hidden input, where an accent tile glides to the box being edited and the row pulses once the code is complete.

Try the live preview with a pointer and keyboard, then check focus visibility and the narrow layout in your own page. Use the plate number or slug when asking your coding agent to fetch this component.

Props: length, masked, accent

Which frameworks are available?

The catalog lists these versions: react, vue, svelte, astro, html. The live preview on this page runs React.

How do I access the implementation?

The preview and component description are public. Sign in with an authorized account to open the code, framework versions and installation panel.

Connect your agent

Nearby

Passcode slot input
2393Passcode slot inputInputsA one-time-passcode field of fused, shared-border slots over one hidden input, with a blinking caret in the active empty slot.
Spring dot radio group
2050Spring dot radio groupInputsA radio group whose selected dot springs in with a small overshoot while the previous dot shrinks away, crossing over instead of snapping.
Auto Grow Textarea
2792Auto Grow TextareaInputsA multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.
Character budget counter
2760Character budget counterInputsA compose field with a remaining-characters readout that punches on a spring and warms in color as the budget runs out.
Clean Text Field
2321Clean Text FieldInputsA no-frills bordered text input for a labeled form: neutral at rest, a crisp accent ring on focus, muted when disabled.
Command search palette
2762Command search paletteInputsA search field that drops a filtered list of commands beneath itself as you type, with arrow-key highlighting, hover selection and a keyboard hint footer.