React Hookers - v6.3.0
    Preparing search index...

    Interface HeadlessTextInputProps

    Props for the useTextInput hook.

    interface HeadlessTextInputProps {
        autoComplete?: HTMLInputAutoCompleteAttribute;
        id?: string;
        isAutofocused?: boolean;
        isDisabled?: boolean;
        isInvalid?: boolean;
        isTextArea?: boolean;
        onBlur?: () => void;
        onChange: (value: string) => void;
        onFocus?: () => void;
        onFocusChange?: (isFocused: boolean) => void;
        onFocusVisible?: () => void;
        onHoverChange?: (isHovered: boolean) => void;
        onHoverEnd?: () => void;
        onHoverStart?: () => void;
        value: string | undefined;
    }

    Hierarchy (View Summary)

    Index

    Properties

    autoComplete? id? isAutofocused? isDisabled? isInvalid? isTextArea? onBlur? onChange onFocus? onFocusChange? onFocusVisible? onHoverChange? onHoverEnd? onHoverStart? value

    Properties

    autoComplete?: HTMLInputAutoCompleteAttribute

    Specifies what permission the user agent has to provide automated assistance in filling out the field, and what type of information is expected.

    id?: string

    An ID that uniquely identifies the text input.

    isAutofocused?: boolean

    If true, the element is auto-focusable within a focus scope.

    false
    isDisabled?: boolean

    If true, hover interactions are disabled.

    false
    isInvalid?: boolean

    If true, the input is marked as invalid.

    false
    isTextArea?: boolean

    If true, the text input is treated as a textarea element.

    false
    onBlur?: () => void

    A handler that is called when the element loses focus.

    onChange: (value: string) => void

    A callback invoked when the input text value changes.

    Type Declaration

      • (value: string): void

      • Parameters

        • value: string

          The new input text value.

        Returns void

    onFocus?: () => void

    A handler that is called when the element receives focus.

    onFocusChange?: (isFocused: boolean) => void

    A handler that is called when the element's focus state changes.

    Type Declaration

      • (isFocused: boolean): void

      • Parameters

        • isFocused: boolean

          true if the element is focused.

        Returns void

    onFocusVisible?: () => void

    A handler that is called when the element receives focus and focus should be visible.

    onHoverChange?: (isHovered: boolean) => void

    A handler that is called when the hover state changes.

    Type Declaration

      • (isHovered: boolean): void

      • Parameters

        • isHovered: boolean

          true if the element is hovered.

        Returns void

    onHoverEnd?: () => void

    A handler that is called when a hover interaction ends.

    onHoverStart?: () => void

    A handler that is called when a hover interaction starts.

    value: string | undefined

    The input text value.

    Settings

    Member Visibility

    On This Page

    Properties