Text Box
<Textarea placeholder={"Type text here..."} title={"Text Box"} name={"textBox"} id={"designTextBox"} color={"green"} rows={8} />Text with Icon
<Textarea placeholder={"Type text here..."} title={"Text Icon Box"} name={"textIconMaxBox"} id={"designTextIconMaxBox"} color={"green"} rows={8} icon={AlarmOnIcon} />Max Length
<Textarea placeholder={"Type text here..."} title={"Text Box"} name={"textMaxBox"} id={"designTextMaxBox"} color={"green"} rows={8} maxLength={200} />Name | Description | Type | Required | Default | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
color | Textarea border color. | string | false | "defaultText" | ||||||||||
className | List of classes for this element. | string | array | false | "" | ||||||||||
forwardRef | Ref to component or DOM element. | function | object | false | null | ||||||||||
| ||||||||||||||
id | Unique identifier for this element. | string | true | |||||||||||
name | Name of textarea element. | string | true | |||||||||||
title | Title of textarea label. | false | null | |||||||||||
placeholder | Placeholder text if textarea is empty. | string | false | "" | ||||||||||
onChange | Function that executes when textarea changes. | func | false | null | ||||||||||
value | Initial value of textarea. | string | number | false | "" | ||||||||||
maxLength | Max number of characters allowed for textarea. | number | false | 0 | ||||||||||
icon | Icon included in textarea box. | element | false | null | ||||||||||
rows | Default number of rows to display. | number | false | 3 | ||||||||||
cols | Default number of columns to display. | number | false | null | ||||||||||