# TextArea Props (свойства) для компонента TextArea: [{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\" | \"xl\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""},{"value":"\"xl\""}]}},{"name":"view","type":{"name":"enum","raw":"\"default\" | \"primary\" | \"positive\" | \"warning\" | \"negative\"","value":[{"value":"\"default\""},{"value":"\"primary\""},{"value":"\"positive\""},{"value":"\"warning\""},{"value":"\"negative\""}]}},{"name":"hintView","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"hintSize","type":{"name":"enum","raw":"\"m\" | \"s\"","value":[{"value":"\"m\""},{"value":"\"s\""}]}},{"name":"clear","type":{"name":"true"}},{"name":"disabled","type":{"name":"boolean"}},{"name":"onChange","type":{"name":"ChangeEventHandler<HTMLTextAreaElement>"}},{"name":"placeholder","type":{"name":"string"}},{"name":"onFocus","type":{"name":"FocusEventHandler<HTMLTextAreaElement>"}},{"name":"onBlur","type":{"name":"FocusEventHandler<HTMLTextAreaElement>"}},{"name":"value","type":{"name":"string | number | readonly string[]"}},{"name":"form","type":{"name":"string"}},{"name":"name","type":{"name":"string"}},{"name":"autoFocus","type":{"name":"boolean"}},{"name":"autoComplete","type":{"name":"string"}},{"name":"maxLength","type":{"name":"number"}},{"name":"minLength","type":{"name":"number"}},{"name":"readOnly","type":{"name":"boolean"}},{"name":"dirName","type":{"name":"string"}},{"name":"wrap","type":{"name":"string"}},{"name":"status","type":{"name":"enum","raw":"\"\" | \"warning\" | \"success\" | \"error\"","value":[{"value":"\"\""},{"value":"\"warning\""},{"value":"\"success\""},{"value":"\"error\""}]}},{"name":"label","type":{"name":"string"}},{"name":"labelPlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"titleCaption","type":{"name":"ReactNode"}},{"name":"headerSlot","type":{"name":"ReactNode"}},{"name":"contentRight","type":{"name":"ReactElement<any, string | JSXElementConstructor<any>>"}},{"name":"resize","type":{"name":"enum","raw":"\"none\" | \"both\" | \"horizontal\" | \"vertical\"","value":[{"value":"\"none\""},{"value":"\"both\""},{"value":"\"horizontal\""},{"value":"\"vertical\""}]}},{"name":"helperText","type":{"name":"string"}},{"name":"leftHelper","type":{"name":"ReactNode"}},{"name":"rightHelper","type":{"name":"ReactNode"}},{"name":"leftHelperPlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"required","type":{"name":"boolean"}},{"name":"requiredPlacement","type":{"name":"enum","raw":"\"right\" | \"left\"","value":[{"value":"\"right\""},{"value":"\"left\""}]}},{"name":"optional","type":{"name":"boolean"}},{"name":"hasRequiredIndicator","type":{"name":"boolean"}},{"name":"hintText","type":{"name":"string"}},{"name":"hintTrigger","type":{"name":"enum","raw":"\"hover\" | \"click\"","value":[{"value":"\"hover\""},{"value":"\"click\""}]}},{"name":"hintOpened","type":{"name":"boolean"}},{"name":"hintTargetIcon","type":{"name":"ReactNode"}},{"name":"hintPlacement","type":{"name":"Placement | ComputedPlacement[]"}},{"name":"hintHasArrow","type":{"name":"boolean"}},{"name":"hintOffset","type":{"name":"[number, number]"}},{"name":"hintWidth","type":{"name":"string"}},{"name":"hintContentLeft","type":{"name":"ReactNode"}},{"name":"autoResize","type":{"name":"boolean"}},{"name":"maxAuto","type":{"name":"number"}},{"name":"minAuto","type":{"name":"number"}},{"name":"height","type":{"name":"string | number"}},{"name":"width","type":{"name":"string | number"}},{"name":"rows","type":{"name":"number"}},{"name":"cols","type":{"name":"number"}},{"name":"hasDivider","type":{"name":"boolean"}},{"name":"labelAriaHidden","type":{"name":"boolean"}}] ## Использование Компонент  `TextArea`  может содержать иконку (или кнопку) справа.
Для этого используйте свойство  `contentRight` : 
### Размеры компонента Высоту и ширину можно регулировать с помощью свойств  `height`  и  `width` ,
указав значения в  `rem`  или соответствующие свойствам css значения.
`height`  и  `width`  отвечают за  всю  высоту и ширину компонента. 
Свойства  `rows`  и  `cols`  указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов. 
### Autoresize Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра  `value` ).
Для этого необходимо использовать свойство  `autoResize` . Свойства  `minAuto` ,  `maxAuto`  указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк. 
### Clear На отображение TextArea влияют свойства  `clear`  и  `hasDivider` .
При этом  `hasDivider`  не может использоваться без  `clear` .
Свойства  `minAuto` ,  `maxAuto` ,  `autoResize` ,  `rows`  и  `cols` ,  `height`  и  `width`  игнорируются.
Высота TextArea в таком случае регулируется по длине контента внутри: 
### Подсказка Для вывода подсказки снизу от поля используйте свойство  `leftHelper`  и/или  `rightHelper` ,
для подсказки в виде Tooltip -  `hintText` , для подсказки сверху справа -  `titleCaption` : 
### Слот для контента над вводимым текстом Слот для контента над вводимым текстом задается с помощью свойства  `headerSlot` :