2019-11-21 13:33:17 +00:00
|
|
|
# Textarea
|
2019-07-29 16:42:44 +00:00
|
|
|
|
2019-08-06 13:36:41 +00:00
|
|
|
Textarea is used for displaying custom textarea
|
2019-07-29 16:42:44 +00:00
|
|
|
|
2019-11-21 13:33:17 +00:00
|
|
|
### Usage
|
2019-07-29 16:42:44 +00:00
|
|
|
|
|
|
|
|
```js
|
2021-02-25 21:19:45 +00:00
|
|
|
import Textarea from "@appserver/components/textarea";
|
2019-07-29 16:42:44 +00:00
|
|
|
```
|
|
|
|
|
|
2019-11-21 13:33:17 +00:00
|
|
|
```jsx
|
|
|
|
|
<Textarea
|
|
|
|
|
placeholder="Add comment"
|
2020-10-16 13:16:01 +00:00
|
|
|
onChange={(event) => alert(event.target.value)}
|
2019-11-21 13:33:17 +00:00
|
|
|
value="value"
|
|
|
|
|
/>
|
|
|
|
|
```
|
2019-07-29 16:42:44 +00:00
|
|
|
|
2019-11-21 13:33:17 +00:00
|
|
|
### Properties
|
|
|
|
|
|
2020-10-28 10:59:20 +00:00
|
|
|
| Props | Type | Required | Values | Default | Description |
|
|
|
|
|
| ---------------- | :------------: | :------: | :----: | :-----: | -------------------------------------------------------- |
|
|
|
|
|
| `className` | `string` | - | - | - | Class name |
|
|
|
|
|
| `id` | `string` | - | - | - | Used as HTML `id` property |
|
|
|
|
|
| `isDisabled` | `bool` | - | - | `false` | Indicates that the field cannot be used |
|
|
|
|
|
| `isReadOnly` | `bool` | - | - | `false` | Indicates that the field is displaying read-only content |
|
|
|
|
|
| `hasError` | `bool` | - | - | - | Indicates the input field has an error |
|
|
|
|
|
| `name` | `string` | - | - | - | Used as HTML `name` property |
|
|
|
|
|
| `onChange` | `func` | - | - | - | Allow you to handle changing events of component |
|
|
|
|
|
| `placeholder` | `string` | - | - | - | Placeholder for Textarea |
|
|
|
|
|
| `style` | `obj`, `array` | - | - | - | Accepts css style |
|
|
|
|
|
| `value` | `string` | - | - | - | Value for Textarea |
|
|
|
|
|
| `fontSize` | `number` | - | - | 13 | Value for font-size |
|
2020-11-09 16:02:40 +00:00
|
|
|
| `heightTextArea` | `number` | - | - | - | Value for height text-area |
|
