Optionallocale: stringReadonlyprefixOptional SVG icon content to display before the input.
Should be a Lucide SVG inner-content string
(e.g. UIIcons.Lucide.Text.AtSign).
Optional display formatter.
When present, the native input element shows the string returned by
this method instead of the raw toValue result. Use this to
add locale-specific formatting (e.g. thousands separators) while
keeping value() as the clean programmatic output.
The adapted value produced by toValue.
Formatted string to display in the input element.
Transform the raw text into the adapted value.
Called on every input event. The result is stored in the value model
and written back to the native input element, so the user sees the
adapted text. The original keystrokes are preserved in the text model.
Raw text from the input element.
Adapted value string (displayed in the field and emitted via value).
Validate the raw text and return a result indicating whether the current input is valid.
When present, UIInput exposes a valid signal and applies the
invalid host class when validation fails.
Raw text from the input element.
Validation result with valid flag and error messages.
Adapter for percentage values.
Strips non-numeric characters and the
%sign, parses to a number, and displays with locale-based formatting. The value produced is the bare numeric string without the%sign.Shows a percent prefix icon.
Example