Overview
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:
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 below.
Clear Button and Placeholder
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: