The Spin Edit allows you to display and edit numeric values. Users can press the spin buttons to change the editor’s value, use the ARROW UP and ARROW DOWN keys, or type a new value in the edit box.
The Spin Edit component 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.
Use the Increment property to specify the step by which the editor's value changes when a user clicks the spin buttons. The MinValue and MaxValue properties allow you to limit the editor’s minimum and maximum values.
Do any of the following to clear the Spin Edit (set its value to null):
- Delete the value in the editor.
- Click the Clear button. This button is displayed when you set the ClearButtonDisplayMode property to Auto.
Use the NullText property to display placeholder text in the Spin Edit when its value is null.
In this demo, the Spin Edit displays values but does not allow users to change them. To implement this behavior, you can use any of the following modes: