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 ( +
+