Update TextArea.mdx (#26159)

Add additional information in docs to textarea component
2020-07-08 18:06:08 +03:00
parent 84bf94709e
commit ea33668014
1 changed files with 22 additions and 0 deletions
@@ -4,4 +4,26 @@ import { TextArea } from './TextArea';
 # TextArea
 Use for multi line inputs like descriptions.

+### Usage
+
+```jsx
+<TextArea invalid={invalid} placeholder={placeholder} cols={cols} disabled={disabled} />
+```
+
+### Usage in forms with Field
+
+`TextArea` should be used with the `Field` component to get labels and descriptions. It should also be used for validation. See the `Field` component for more information.
+
+```jsx
+<Field label="Important information" description="This information is very important, so you really need to fill it in">
+  <Textarea name="importantTextarea" required />
+</Field>
+```
+
+<Preview>
+  <Field label="Important information" description="This information is very important, so you really need to fill it in">
+    <Textarea name="importantTextarea" required />
+  </Field>
+</Preview>
+
 <Props of={TextArea} />