To apply different size modes, use the drop-down list in the demo card's header.
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:
- 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.
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.
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: