History

Vladimir Khvan fd3dcce5b6 isJSONField and copyInfoText props are tested		2023-01-22 16:56:40 +05:00
..
svg	copy icon svg was created	2023-01-20 19:58:48 +05:00
utils	index file groups all utils functions for comfort usage	2023-01-20 20:41:39 +05:00
index.js	alarm on copy was added	2023-01-22 16:45:41 +05:00
README.md	JSON viewer description was added	2023-01-20 21:14:30 +05:00
styled-textarea.js	copy icon was styled and exported	2023-01-20 20:08:29 +05:00
textarea.stories.js	Json viewer story was added	2023-01-20 21:08:57 +05:00
textarea.test.js	isJSONField and copyInfoText props are tested	2023-01-22 16:56:40 +05:00

Textarea

Textarea is used for displaying custom textarea and beautified JSON object

import Textarea from "@docspace/components/textarea";

<Textarea
  placeholder="Add comment"
  onChange={(event) => alert(event.target.value)}
  value="value"
  isJSONField={false}
/>

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
`heightTextArea`	`number`	-	-	-	Value for height text-area
`isJSONField`	`bool`	-	-	`false`	Indicates that the field is displaying JSON object
`copyInfoText`	`string`	-	-	`Content was copied successfully!`	Indicates the text of toast/informational alarm