Skip to main content

TextareaAutosize

Form Controls
Stable

Auto-resizing textarea built on react-textarea-autosize. Grows with content and optionally shows a skeleton while loading.

Quick Import
import { TextareaAutosize } from "@cohere-ai/waypoint-ui/textarea-autosize";

Live Preview

Loading TextareaAutosize...

Props

NameTypeDefaultDescription
isLoadingboolean-Shows a Skeleton placeholder while loading/mounting
minRowsnumber-Minimum number of visible rows
maxRowsnumber-Maximum number of visible rows before scrolling

Examples

Auto-resizing Textarea

Textarea that grows from 2 to 8 rows

1
import { TextareaAutosize } from '@cohere-ai/waypoint-ui/textarea-autosize';
2
 
3
<TextareaAutosize
4
placeholder="Auto-grows as you type..."
5
minRows={2}
6
maxRows={8}
7
/>

Found an Issue?

If you've encountered a bug or have feedback about the TextareaAutosize component, please report it to our team. Your feedback helps us improve Waypoint.

Available for all users • Issue will be created in Linear

Was this page helpful?

Your feedback helps us improve our documentation.

Need Help?

Check out the Whitelabeling Playground to explore customization options or visit the Developer Guide for integration help.