Adornments
The TextArea component provides the option for adding custom items as prefix and suffix adornments.
Suffix and Prefix Adornment
Render custom React Components like Icon
, Button
, or plain text as prefix
and suffix
to the TextArea and implement custom functionality on top of them. To specify the layout alignment of the prefix and suffix adornments, set the orientation
property to horizontal
or vertical
.
For correct styling, wrap custom adornments in
InputPrefix
andInputSuffix
containers.
Separator
To visually separate the specified adornments, you can add a InputSeparator
component. To specify the layout alignment of the separator element, set the orientation
property to horizontal
or vertical
.
Layout Flows
The KendoReact TextArea supports the following layout flows
- flow-vertical, prefix/suffix - horizontal
- flow-horizontal, prefix/suffix - horizontal
- flow-vertical, prefix/suffix - vertical
- flow-horizontal, prefix/suffix - vertical