ReadonlyinputOptional HTML input type attribute value.
When set, this overrides the type input on UIInput so the
adapter can request the semantically correct native input type
(e.g. "email", "tel", "url").
ReadonlyprefixOptional SVG icon content to display before the input.
Should be a Lucide SVG inner-content string
(e.g. UIIcons.Lucide.Text.AtSign).
Called when the user clicks the prefix icon.
Current raw text value.
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 phone numbers.
Strips whitespace from the edges and validates that the input looks like a phone number (digits, optional leading
+, spaces, dashes, dots, parentheses, slashes). The value produced strips everything except digits and a leading+.Shows a phone prefix icon. Clicking the icon opens a
tel:link.Example