diff --git a/website/sdds-serv-docs/docs/components/TextArea.mdx b/website/sdds-serv-docs/docs/components/TextArea.mdx
index e043b93278..718628d576 100644
--- a/website/sdds-serv-docs/docs/components/TextArea.mdx
+++ b/website/sdds-serv-docs/docs/components/TextArea.mdx
@@ -3,11 +3,12 @@ id: textarea
title: TextArea
---
-import { PropsTable, Description } from '@site/src/components';
+import { PropsTable, Description, StorybookLink } from '@site/src/components';
# TextArea
+
## Использование
Компонент `TextArea` может содержать иконку (или кнопку) справа.
@@ -15,7 +16,7 @@ import { PropsTable, Description } from '@site/src/components';
```tsx live
import React from 'react';
-import { TextArea } from '@salutejs/sdds-serv';
+import { TextArea } from '@salutejs/plasma-web';
import { IconDownload } from '@salutejs/plasma-icons';
export function App() {
@@ -31,19 +32,59 @@ export function App() {
}
```
-Также можно регулировать высоту и ширину, используя свойства `height` и `width`,
+### Размеры компонента
+Высоту и ширину можно регулировать с помощью свойств `height` и `width`,
указав значения в `rem` или соответствующие свойствам css значения.
+`height` и `width` отвечают за **всю** высоту и ширину компонента.
-## Autoresize
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/plasma-web';
+
+export function App() {
+ return (
+
+
+
+ );
+}
+```
+
+Свойства `rows` и `cols` указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов.
+
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/plasma-web';
+
+export function App() {
+ return (
+
+
+
+ );
+}
+```
+
+### Autoresize
Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра `value`).
-Для этого необходимо использовать свойство `autoResize`.
+Для этого необходимо использовать свойство `autoResize`.
+При этом, если пользователь вручную регулирует высоту(`resize`), то она так и остается пользовательской.
-В этом режиме можно указать крайние значения высоты поля ввода, используя свойства `autoMin`, `autoMax`,
-указав их в `rem`.
+Свойства `minAuto`, `maxAuto` указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
```tsx live
import React from 'react';
-import { TextArea } from '@salutejs/sdds-serv';
+import { TextArea } from '@salutejs/plasma-web';
export function App() {
const [value, setValue] = React.useState('Значение');
@@ -70,7 +111,7 @@ export function App() {
```tsx live
import React from 'react';
-import { TextArea } from '@salutejs/sdds-serv';
+import { TextArea } from '@salutejs/plasma-web';
export function App() {
return (