Textbox
Textbox component for Universal Dashboard
Last updated
Textbox component for Universal Dashboard
Last updated
A textbox lets users enter and edit text.
A password textbox will mask the input.
You can create a multiline textbox by using the -Multiline parameter. Pressing enter will add a new line. You can define the number of rows and the max number of rows using -Rows and -RowsMax.
You can use Get-UDElement to get the value of a textbox
You can set the icon of a textbox by using the -Icon parameter and the New-UDIcon cmdlet.
The textbox mask is accomplished using react-imask. You can specify RegEx and pattern matching.
This example creates a mask for US based phone numbers.
The default behavior of -Mask is to return the masked value in forms and Get-UDElement. You can return the unmasked value by specifying the -Unmask parameter.
The -OnEnter event handler is executed when the user presses enter in the text field. It is useful for performing other actions, like clicking a button, on enter.
The -OnBlur event handler is executed when the textbox loses focus.
Use the -OnValidate event handler to validate input typed in the textbox.
