Component <Textarea />
Props
Props | Type | Meaning | Possible values |
---|---|---|---|
textareaSize | string | Change textarea size | sm / md |
layout | string | Change textarea general styles | filled / outlined |
shape | string | Change borders shape | rounded / squared |
label | string | Add textarea label | string |
msg | string | Add message below the input. Color depends on status | string |
status | string | Set textarea status | success / error |
resize | boolean | Enadle/disable textarea resize ablility | true / falce |
States
Examples:
<Textarea placeholder="Enter some text..." />
<Textarea placeholder="Enter some text..." disabled />
Sizes
Examples:
<Textarea textareaSize="sm" placeholder="Enter some text..." />
<Textarea textareaSize="md" placeholder="Enter some text..." />
Layouts
Examples:
<Textarea layout="filled" placeholder="Enter some text..." />
<Textarea layout="outlined" placeholder="Enter some text..." />
Shape
Examples:
<Textarea shape="rounded" placeholder="Enter some text..." />
<Textarea shape="squared" placeholder="Enter some text..." />
With label
Example:
<Textarea label="Enter some text" placeholder="Here..." />
Statuses and message
Examples:
<Textarea msg="Just type somethig" placeholder="Enter some text..." />
<Textarea msg="Well done!" placeholder="Enter some text..." success />
<Textarea msg="Try again" placeholder="Enter some text..." error />
Just type somethig
Well done!
Try again
Withou resize
Example:
<Textarea placeholder="Enter some text..." resize={false} />