ReadonlyprefixOptional 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 MAC (Media Access Control) addresses.
Strips non-hex characters, uppercases, and formats into colon-separated pairs (e.g.
AA:BB:CC:DD:EE:FF). Validates that the result is a valid 48-bit MAC address.Shows a CPU prefix icon.
Example