New to KendoReactLearn about KendoReact Free.

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 and InputSuffix containers.

Change Theme
Theme
Loading ...

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.

Change Theme
Theme
Loading ...

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
Change Theme
Theme
Loading ...