Memo is a multi-line text editor that supports different size modes. To specify the component's size in code, use the SizeMode property.

To apply different size modes, use the drop-down list in the demo card's header.

Custom Size

The Memo component is a two-line editor that stretches to fit the parent container’s width, by default. To change this behavior, use the following properties:

  • Rows - Specifies the number of text lines displayed by the editor.
  • Columns - Specifies the editor's display width in characters.

Resize Modes

Memo supports different resize modes that are specified by the ResizeMode property:

  • Vertical (Default) - Users can only change the component height.
  • Horizontal - Users can only change the component width.
  • VerticalAndHorizontal - Users can change both the component height and width.
  • Disabled - Users are not allowed to resize the component.

To apply different resize modes, use the Resize Mode drop-down list in the demo code snippet.

Clear Button

Set the ClearButtonDisplayMode property to Auto to display the Clear button in the editor when it is not empty. Use the NullText property to specify placeholder text that should be displayed when the editor is empty.

Read-Only and Disabled Modes

In this demo, the Memo displays values but does not allow users to change them. To implement this behavior, you can use any of the following modes:

  • Read-only mode. In this mode, you can use the keyboard to focus and navigate the component. Set the ReadOnly property to true to activate this mode.
  • Disabled mode. In this mode, the component cannot be focused or navigated. Set the Enabled property to false to activate this mode.