A multi-line text input that automatically grows and shrinks to fit its content, avoiding an inner scrollbar for shorter entries.
Figma
The Figma reference for TextareaAutosize will appear here once the design link is added.
Storybook
Interactive examples for TextareaAutosize will render here once the Storybook link is wired in.
Best practices
- Use it for free-form, variable-length text such as notes or descriptions.
- Set sensible minimum and maximum row limits so the field neither collapses nor grows without bound.
- Follow the same labeling and help-text guidance as a text field.
Do’s and don’ts
Do
Let the field expand as someone types a longer note.
Don’t
Use an autosizing textarea for a single short value — use a text field instead.