# TextField Props (свойства) для компонента TextField: [{"name":"contentLeft","type":{"name":"ReactElement<any, string | JSXElementConstructor<any>>"}},{"name":"contentRight","type":{"name":"ReactElement<any, string | JSXElementConstructor<any>>"}},{"name":"view","type":{"name":"enum","raw":"\"default\" | TextFieldView | \"innerLabel\"","value":[{"value":"\"default\""},{"value":"\"default\"","description":"","fullComment":"","tags":{}},{"value":"\"innerLabel\"","description":"","fullComment":"","tags":{}},{"value":"\"innerLabel\""}]}},{"name":"status","type":{"name":"enum","raw":"\"warning\" | \"success\" | \"error\"","value":[{"value":"\"warning\""},{"value":"\"success\""},{"value":"\"error\""}]}},{"name":"caption","type":{"name":"string"}},{"name":"label","type":{"name":"string | number"}},{"name":"size","type":{"name":"enum","raw":"\"m\" | \"s\" | \"l\" | \"xs\"","value":[{"value":"\"m\""},{"value":"\"s\""},{"value":"\"l\""},{"value":"\"xs\""}]}},{"name":"$isFocused","type":{"name":"boolean"}},{"name":"htmlSize","type":{"name":"number"}},{"name":"animatedHint","type":{"name":"enum","raw":"\"placeholder\" | \"label\"","value":[{"value":"\"placeholder\""},{"value":"\"label\""}]}},{"name":"onSearch","type":{"name":"((value: string, event?: KeyboardEvent<HTMLInputElement>) => void)"}},{"name":"helperText","type":{"name":"ReactNode"}},{"name":"clear","type":{"name":"boolean"}},{"name":"hasDivider","type":{"name":"boolean"}},{"name":"hintText","type":{"name":"string"}},{"name":"hintTrigger","type":{"name":"enum","raw":"\"hover\" | \"click\"","value":[{"value":"\"hover\""},{"value":"\"click\""}]}},{"name":"hintView","type":{"name":"enum","raw":"\"default\"","value":[{"value":"\"default\""}]}},{"name":"hintSize","type":{"name":"enum","raw":"\"m\" | \"s\"","value":[{"value":"\"m\""},{"value":"\"s\""}]}},{"name":"hintTarget","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":"labelPlacement","type":{"name":"enum","raw":"\"outer\" | \"inner\"","value":[{"value":"\"outer\""},{"value":"\"inner\""}]}},{"name":"textBefore","type":{"name":"string"}},{"name":"textAfter","type":{"name":"string"}},{"name":"keepPlaceholder","type":{"name":"boolean"}},{"name":"requiredPlacement","type":{"name":"enum","raw":"\"right\" | \"left\"","value":[{"value":"\"right\""},{"value":"\"left\""}]}},{"name":"optional","type":{"name":"boolean"}},{"name":"enumerationType","type":{"name":"enum","raw":"\"chip\" | \"plain\"","value":[{"value":"\"chip\""},{"value":"\"plain\""}]}},{"name":"chipView","type":{"name":"enum","raw":"\"default\" | \"secondary\" | \"accent\" | \"positive\" | \"warning\" | \"negative\"","value":[{"value":"\"default\""},{"value":"\"secondary\""},{"value":"\"accent\""},{"value":"\"positive\""},{"value":"\"warning\""},{"value":"\"negative\""}]}},{"name":"chipType","type":{"name":"enum","raw":"\"text\" | \"default\"","value":[{"value":"\"text\""},{"value":"\"default\""}]}},{"name":"titleCaption","type":{"name":"ReactNode"}},{"name":"chips","type":{"name":"TextFieldPrimitiveValue[]"}},{"name":"onChangeChips","type":{"name":"((value: TextFieldPrimitiveValue[]) => void)"}},{"name":"chipValidator","type":{"name":"((value: string) => ChipValidatorReturn)"}}] ## Использование Компонент  `TextField`  может содержать иконку (или кнопку) слева и справа.
Для этого используйте свойства  `contentLeft`  и  `contentRight` : 
### Размер поля Размер поля задаётся с помощью свойства  `size` : 
### Статус поля Статус поля задается с помощью свойства  `status` .
Возможные значения свойства:  `success` ,  `warning`  и  `error` .
На отображение TextField так же влияют свойства  `clear`  и  `hasDivider` : 
### Подсказка Для вывода подсказки снизу от поля используйте свойство  `helperText` ,
для подсказки в виде Tooltip -  `hintText` , для подсказки сверху справа -  `titleCaption` : 
### Режим ввода (DEPRECATED) С помощью свойства  `enumerationType`  можно вводить элементы как теги. Свойство  `chipType`  изменяет внешний вид чипа.
С помощью  `chipView`  можно задать общий вид Chip. Валидация Chip происходит с помощью функции chipValidator.
По нажатию Enter, после ввода нужного текста, он преобразуется в Chip.