The following example shows how you can limit the number of characters a user can type into a Flex NumericStepper control by setting the maxChars property. Full code after the jump.

The following example shows how you can set the text alignment for a Flex NumericStepper control by setting the textAlign style. Full code after the jump.

The following example shows how you can use an embedded font with the Flex NumericStepper control by setting the fontFamily style. Full code after the jump.

The following example shows how you can create a non-editable Flex NumericStepper control (users cannot type numbers directly into the control, but can still use the up arrow, down arrow, and keyboard to change the value) by setting the editable property on the nested inputField TextInput control. Full code after the jump.

The following code shows how you can adjust the step size on a Flex NumericStepper control by setting the stepSize property. Full code after the jump.

The following example shows how you can restrict which characters a user can enter into a Flex TextInput control by setting the restrict property. Full code after the jump.

The following example shows how you can detect when a Flex ArrayCollection has changed (items added, removed, refreshed) by listening for the collectionChange event. Full code after the jump.

The following example shows how you can set the corner radius on a Flex NumericStepper control by setting the cornerRadius style. Full code after the jump.

The following example shows how you can use a NumericStepper as an item editor for a Flex DataGrid control by setting the itemEditor and editorDataField properties on the DataGridColumn object. Full code after the jump.

The following example shows how you can create an editable Flex DataGrid control by setting the editable property on the DataGrid and DataGridColumn objects. Full code after the jump.