Emitted when an alteration of the control's value is committed by the user
Emitted when the control receives user input
The mask pattern to apply on the input.
The value of the input.
Regardless of the currently set value-mode, an empty value will return an empty string.
Dictates the behavior when retrieving the value of the control:
raw will return the clean user input.withFormatting will return the value with all literals and prompts.
A masked input is an input field where a developer can control user input and format the visible value, based on configurable rules
Slot
prefix - Renders content before the input
Slot
suffix - Renders content after the input
Slot
helper-text - Renders content below the input
Slot
value-missing - Renders content when the required validation fails.
Slot
bad-input - Renders content when a required mask pattern validation fails.
Slot
custom-error - Renders content when setCustomValidity(message) is set.
Slot
invalid - Renders content when the component is in invalid state (validity.valid = false).
Csspart
container - The main wrapper that holds all main input elements
Csspart
input - The native input element
Csspart
label - The native label element
Csspart
prefix - The prefix wrapper
Csspart
suffix - The suffix wrapper
Csspart
helper-text - The helper text wrapper