chore(TextArea): add resizable area example to readme

gravity-ui · Apr 19, 2024 · a03091a · a03091a
1 parent d89610a
commit a03091a
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/src/components/controls/TextArea/README.md b/src/components/controls/TextArea/README.md
@@ -180,6 +180,38 @@ The row count of the `TextArea` is controlled by the `rows`, `minRows` and `maxR
 </ExampleBlock>
 LANDING_BLOCK-->
 
+## Resizable TextArea
+
+You can get resizable behaviour by providing `resize` style to `controlProps` property.
+
+<!--LANDING_BLOCK
+<ExampleBlock
+    code={`
+<TextArea
+    rows={4}
+    placeholder="Placeholder"
+    style={{width: "auto", maxWidth: "100%"}}
+    controlProps={{style: {resize: "both"}}}
+/>
+`}
+>
+    <UIKit.TextArea
+        rows={4}
+        placeholder="Placeholder"
+        style={{width: "auto", maxWidth: "100%"}}
+        controlProps={{style: {resize: "both"}}}
+    />
+</ExampleBlock>
+LANDING_BLOCK-->
+
+<!--GITHUB_BLOCK-->
+
+```tsx
+<TextArea rows={4} controlProps={{style: {resize: 'both'}}} />
+```
+
+<!--/GITHUB_BLOCK-->
+
 ## Properties
 
 | Name            | Description                                                                                                                       |                        Type                         |     Default     |

diff --git a/src/components/controls/TextInput/TextInput.tsx b/src/components/controls/TextInput/TextInput.tsx
@@ -55,8 +55,8 @@ export type TextInputPin = InputControlPin;
 export type TextInputSize = InputControlSize;
 export type TextInputView = InputControlView;
 
-// eslint-disable-next-line complexity
 export const TextInput = React.forwardRef<HTMLSpanElement, TextInputProps>(
+    // eslint-disable-next-line complexity
     function TextInput(props, ref) {
         const {
             view = 'normal',