Inputs

Auto Grow Textarea

A multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.

Release notes

0 characters

The upper field writes itself. Type in the lower one to feel it grow and shrink.

Using Auto Grow Textarea

A multi-line text field that grows taller as the person types more, instead of scrolling inside a fixed box.

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: placeholder, accent, rows

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 code, framework versions and installation commands are available in the workbench above.

Connect your agent

Nearby

2321Clean Text FieldInputsA no-frills bordered text input for a labeled form: neutral at rest, a crisp accent ring on focus, muted when disabled.

1529Floating label inputInputsA text field whose label rests inside the box and rises to the top edge on focus or once the field has a value, with focused, valid and invalid looks.

2356Focus ring text inputInputsA single-line text field with a muted placeholder and a solid accent ring that appears only on focus.

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.

2778Search Composer FieldInputsA message box that grows with what you type, with a lookup toggle whose label slides open and a send action that wakes up once there is text.

2791Single value sliderInputsA horizontal slider with one draggable thumb that fills the track behind it so the current value reads at a glance.