Hex Core JS
    Preparing search index...

    Type Alias MultiSelectInputProps<T>

    MultiSelectInputProps: {
        autoFocus?: boolean;
        disabled?: boolean;
        id?: string;
        invalid?: boolean;
        isLoading?: boolean;
        name?: string;
        onBlur?: () => void;
        onFocus?: () => void;
        options: MultiSelectInputOption<T>[];
        placeholder?: string;
        selectedOptionClassName?: string;
        setValue: (value: T[]) => void;
        sideEffect?: (v: T[]) => void;
        value: T[];
    } & Pick<
        SearchDropDownProps<T>,

            | "searchKeys"
            | "disableSorting"
            | "openSide"
            | "displayOption"
            | "pageSize"
            | "footerElement"
            | "inline"
            | "before"
            | "after"
            | "gap"
            | "inputClassName"
            | "dropDownClassName"
            | "optionClassName",
    > & Partial<ClassNameProps & StyleProps>

    Type Parameters

    Type Declaration

    • OptionalautoFocus?: boolean

      Indicates if the input should be auto-focused.

    • Optionaldisabled?: boolean

      Indicates if the input is disabled.

    • Optionalid?: string

      The ID of the input.

    • Optionalinvalid?: boolean

      Indicates if the input is invalid.

    • OptionalisLoading?: boolean

      Indicates if the options are currently loading.

    • Optionalname?: string

      The name of the input.

    • OptionalonBlur?: () => void

      A callback function to call when focus is removed from the input.

    • OptionalonFocus?: () => void

      A callback function to call when the input becomes focused.

    • options: MultiSelectInputOption<T>[]

      The options for the value.

    • Optionalplaceholder?: string

      Placeholder text to display in the search input.

    • OptionalselectedOptionClassName?: string

      CSS class name to give to each selected option.

    • setValue: (value: T[]) => void

      A callback function to update the input value when a change happens.

    • OptionalsideEffect?: (v: T[]) => void

      A side effect function to call when the value changes as a result of user interaction with this input, and not external updates to the field value.

    • value: T[]

      The value of the input.

    Settings

    Member Visibility