Axinom Mosaic Libraries
    Preparing search index...

    Interface MaskedSingleLineTextProps

    interface MaskedSingleLineTextProps {
        autoComplete?: "on" | "off";
        autoFocus?: boolean;
        className?: string;
        defaultValue?: string | number | readonly string[];
        disabled?: boolean;
        error?: string;
        id?: string;
        inlineMode?: boolean;
        innerRef?: RefObject<HTMLInputElement>;
        inputProps?: InputHTMLAttributes<HTMLInputElement>;
        label?: string;
        lazy?: boolean;
        mask: string;
        name: string;
        onBlur?: (event: ChangeEvent<HTMLInputElement>) => void;
        onChange: (value: string) => unknown;
        onFocus?: (event: ChangeEvent<HTMLInputElement>) => void;
        overwrite?: boolean;
        placeholder?: string;
        placeholderChar?: string;
        tooltipContent?: ReactNode;
        value?: string;
    }

    Hierarchy

    Index

    Properties

    autoComplete? autoFocus? className? defaultValue? disabled? error? id? inlineMode? innerRef? inputProps? label? lazy? mask name onBlur? onChange onFocus? overwrite? placeholder? placeholderChar? tooltipContent? value?

    Properties

    autoComplete?: "on" | "off"

    Whether or not the control supports auto complete

    autoFocus?: boolean

    Whether or not the control should start focused (default: false)

    className?: string

    CSS Class name for additional styles

    defaultValue?: string | number | readonly string[]

    Default value for the form control

    disabled?: boolean

    Whether or not the control is disabled (default: false)

    error?: string

    If set, indicates the control has an error and will display this prop as the error message

    id?: string

    Form control id

    inlineMode?: boolean

    Hide options not needed in the “inline” scenario

    innerRef?: RefObject<HTMLInputElement>
    inputProps?: InputHTMLAttributes<HTMLInputElement>

    Additional props to be passed to the input element.

    label?: string

    Form control label

    lazy?: boolean

    Whether the mask should not be shown by default. (default: true)

    mask: string

    Expression to be used as a validator. Refer https://imask.js.org/guide.html#masked-pattern for examples

    name: string

    Name of form control, required and must be unique from other form control names. This name should match the the name of the object corresponding to this control.

    onBlur?: (event: ChangeEvent<HTMLInputElement>) => void

    Raised when the element has been selected

    onChange: (value: string) => unknown

    Raised when the value has changed

    onFocus?: (event: ChangeEvent<HTMLInputElement>) => void

    Raised when the element has been de-selected

    overwrite?: boolean

    Whether new inputs should overwrite existing text. (default: false)

    placeholder?: string

    Input placeholder

    placeholderChar?: string

    Placeholder character for the mask

    tooltipContent?: ReactNode

    A tooltip of additional information

    value?: string

    Current value the form control has

    Settings

    Member Visibility

    On This Page

    Properties