Textarea

The textarea component can expand automatically based on user input.

Props

NameTypeDescription
minRows
numberThe minimum number of rows to be displayed on render
expand
boolShould the component expand as more text is added?
lineBuffer
number
onKeyUp
funcA function to call on keyUp
animate
boolShould the component animate as it expands?
className
stringA class to pass down
readonly
boolDisables user interaction, but can still display a value
onChange
funcA function to call onChange
theme
stringThe overall theme for the component
onReturn
funcA function to call when a user hits the return key
disabled
boolIs is disabled?
style
shape

Textarea

A standard Textarea
<Textarea placeholder="Add a project summary" />

Expanding textarea

Textarea can also exand automatically in relation to it's contents, by passing an expand prop
<Textarea expand={true} placeholder="Add a project summary" />