Interface ContactFormItemSelect

interface ContactFormItemSelect {
    allowClear?: boolean | {
        clearIcon?: RenderNode;
    };
    animation?: string;
    aria-activedescendant?: string;
    aria-atomic?: Booleanish;
    aria-autocomplete?: "none" | "inline" | "both" | "list";
    aria-braillelabel?: string;
    aria-brailleroledescription?: string;
    aria-busy?: Booleanish;
    aria-checked?: boolean | "true" | "false" | "mixed";
    aria-colcount?: number;
    aria-colindex?: number;
    aria-colindextext?: string;
    aria-colspan?: number;
    aria-controls?: string;
    aria-current?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location";
    aria-describedby?: string;
    aria-description?: string;
    aria-details?: string;
    aria-disabled?: Booleanish;
    aria-dropeffect?: "link" | "copy" | "none" | "move" | "execute" | "popup";
    aria-errormessage?: string;
    aria-expanded?: Booleanish;
    aria-flowto?: string;
    aria-grabbed?: Booleanish;
    aria-haspopup?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
    aria-hidden?: Booleanish;
    aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling";
    aria-keyshortcuts?: string;
    aria-label?: string;
    aria-labelledby?: string;
    aria-level?: number;
    aria-live?: "off" | "assertive" | "polite";
    aria-modal?: Booleanish;
    aria-multiline?: Booleanish;
    aria-multiselectable?: Booleanish;
    aria-orientation?: "horizontal" | "vertical";
    aria-owns?: string;
    aria-placeholder?: string;
    aria-posinset?: number;
    aria-pressed?: boolean | "true" | "false" | "mixed";
    aria-readonly?: Booleanish;
    aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals";
    aria-required?: Booleanish;
    aria-roledescription?: string;
    aria-rowcount?: number;
    aria-rowindex?: number;
    aria-rowindextext?: string;
    aria-rowspan?: number;
    aria-selected?: Booleanish;
    aria-setsize?: number;
    aria-sort?: "none" | "ascending" | "descending" | "other";
    aria-valuemax?: number;
    aria-valuemin?: number;
    aria-valuenow?: number;
    aria-valuetext?: string;
    autoClearSearchValue?: boolean;
    autoFocus?: boolean;
    autoSubmit?: boolean;
    bordered?: boolean;
    builtinPlacements?: BuildInPlacements;
    children?: ReactNode;
    choiceTransitionName?: string;
    className?: string;
    clearIcon?: RenderNode;
    defaultActiveFirstOption?: boolean;
    defaultOpen?: boolean;
    defaultValue?: any;
    direction?: "ltr" | "rtl";
    disabled?: boolean;
    dropdownAlign?: AlignType;
    dropdownClassName?: string;
    dropdownMatchSelectWidth?: number | boolean;
    dropdownRender?: ((menu) => ReactElement<any, string | JSXElementConstructor<any>>);
    dropdownStyle?: CSSProperties;
    fieldNames?: FieldNames;
    filterOption?: boolean | FilterFunc<ObjectOption>;
    filterSort?: ((optionA, optionB) => number);
    formItem?: Omit<FormItemProps, "label" | "name" | "validateStatus" | "optional" | "noStyle" | "autoSubmit" | "full" | "like" | "help" | "tooltip" | "requiredRule" | "initialValue" | "rules" | "skeleton">;
    full?: boolean;
    getPopupContainer?: RenderDOMFunc;
    help?: ReactNode;
    id?: string;
    initialValue?: any;
    inputValue?: string;
    label?: ReactNode;
    labelInValue?: boolean;
    like?: boolean;
    listHeight?: number;
    listItemHeight?: number;
    loading?: boolean;
    maxCount?: number;
    maxLength?: number;
    maxTagCount?: number | "responsive";
    maxTagPlaceholder?: ReactNode | ((omittedValues) => ReactNode);
    maxTagTextLength?: number;
    menuItemSelectedIcon?: RenderNode;
    mode?: "multiple" | "tags";
    name?: any;
    noStyle?: boolean;
    notFoundContent?: ReactNode;
    onBlur?: FocusEventHandler<HTMLElement>;
    onChange?: ((value, option) => void);
    onClear?: (() => void);
    onClick?: MouseEventHandler<HTMLDivElement>;
    onDeselect?: SelectHandler<any, ObjectOption>;
    onDropdownVisibleChange?: ((open) => void);
    onFocus?: FocusEventHandler<HTMLElement>;
    onInputKeyDown?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>;
    onKeyDown?: KeyboardEventHandler<HTMLDivElement>;
    onKeyUp?: KeyboardEventHandler<HTMLDivElement>;
    onMouseDown?: MouseEventHandler<HTMLDivElement>;
    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: MouseEventHandler<HTMLDivElement>;
    onPopupScroll?: UIEventHandler<HTMLDivElement>;
    onSearch?: ((value) => void);
    onSelect?: SelectHandler<any, ObjectOption>;
    open?: boolean;
    optionFilterProp?: string;
    optionLabelProp?: string;
    optionRender?: ((oriOption, info) => ReactNode);
    optional?: boolean;
    options?: (string | ObjectOption)[];
    placeholder?: ReactNode;
    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
    popupClassName?: string;
    popupMatchSelectWidth?: number | boolean;
    prefixCls?: string;
    ref?: Ref<RefSelectProps>;
    removeIcon?: RenderNode;
    requiredRule?: string | boolean;
    rootClassName?: string;
    rules?: FormRule[];
    searchValue?: string;
    showAction?: ("click" | "focus")[];
    showArrow?: boolean;
    showSearch?: boolean;
    size?: SizeType;
    skeleton?: boolean | MergeWithAs<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, Assign<DevfiveProps, MotionProps>, As>;
    status?: "" | "error" | "warning";
    style?: CSSProperties;
    suffixIcon?: ReactNode;
    tabIndex?: number;
    tagRender?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>);
    title?: string;
    tokenSeparators?: string[];
    tooltip?: LabelTooltipType;
    transitionName?: string;
    type: "select";
    validateStatus?: "" | "error" | "success" | "warning" | "validating";
    value?: any;
    variant?: "filled" | "outlined" | "borderless";
    virtual?: boolean;
}

Hierarchy (view full)

Properties

allowClear? animation? aria-activedescendant? aria-atomic? aria-autocomplete? aria-braillelabel? aria-brailleroledescription? aria-busy? aria-checked? aria-colcount? aria-colindex? aria-colindextext? aria-colspan? aria-controls? aria-current? aria-describedby? aria-description? aria-details? aria-disabled? aria-dropeffect? aria-errormessage? aria-expanded? aria-flowto? aria-grabbed? aria-haspopup? aria-hidden? aria-invalid? aria-keyshortcuts? aria-label? aria-labelledby? aria-level? aria-live? aria-modal? aria-multiline? aria-multiselectable? aria-orientation? aria-owns? aria-placeholder? aria-posinset? aria-pressed? aria-readonly? aria-relevant? aria-required? aria-roledescription? aria-rowcount? aria-rowindex? aria-rowindextext? aria-rowspan? aria-selected? aria-setsize? aria-sort? aria-valuemax? aria-valuemin? aria-valuenow? aria-valuetext? autoClearSearchValue? autoFocus? autoSubmit? bordered? builtinPlacements? children? choiceTransitionName? className? clearIcon? defaultActiveFirstOption? defaultOpen? defaultValue? direction? disabled? dropdownAlign? dropdownClassName? dropdownMatchSelectWidth? dropdownRender? dropdownStyle? fieldNames? filterOption? filterSort? formItem? full? getPopupContainer? help? id? initialValue? inputValue? label? labelInValue? like? listHeight? listItemHeight? loading? maxCount? maxLength? maxTagCount? maxTagPlaceholder? maxTagTextLength? menuItemSelectedIcon? mode? name? noStyle? notFoundContent? onBlur? onChange? onClear? onClick? onDeselect? onDropdownVisibleChange? onFocus? onInputKeyDown? onKeyDown? onKeyUp? onMouseDown? onMouseEnter? onMouseLeave? onPopupScroll? onSearch? onSelect? open? optionFilterProp? optionLabelProp? optionRender? optional? options? placeholder? placement? popupClassName? popupMatchSelectWidth? prefixCls? ref? removeIcon? requiredRule? rootClassName? rules? searchValue? showAction? showArrow? showSearch? size? skeleton? status? style? suffixIcon? tabIndex? tagRender? title? tokenSeparators? tooltip? transitionName? type validateStatus? value? variant? virtual?

Properties

Optional allowClear

allowClear?: boolean | {
    clearIcon?: RenderNode;
}

Type declaration

  • Optional clearIcon?: RenderNode

Optional animation

animation?: string

Optional aria-activedescendant

aria-activedescendant?: string

Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application.

Optional aria-atomic

aria-atomic?: Booleanish

Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute.

Optional aria-autocomplete

aria-autocomplete?: "none" | "inline" | "both" | "list"

Indicates whether inputting text could trigger display of one or more predictions of the user's intended value for an input and specifies how predictions would be presented if they are made.

Optional aria-braillelabel

aria-braillelabel?: string

Defines a string value that labels the current element, which is intended to be converted into Braille.

See

aria-label.

Optional aria-brailleroledescription

aria-brailleroledescription?: string

Defines a human-readable, author-localized abbreviated description for the role of an element, which is intended to be converted into Braille.

See

aria-roledescription.

Optional aria-busy

aria-busy?: Booleanish

Optional aria-checked

aria-checked?: boolean | "true" | "false" | "mixed"

Indicates the current "checked" state of checkboxes, radio buttons, and other widgets.

See

  • aria-pressed
  • aria-selected.

Optional aria-colcount

aria-colcount?: number

Defines the total number of columns in a table, grid, or treegrid.

See

aria-colindex.

Optional aria-colindex

aria-colindex?: number

Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid.

See

  • aria-colcount
  • aria-colspan.

Optional aria-colindextext

aria-colindextext?: string

Defines a human readable text alternative of aria-colindex.

See

aria-rowindextext.

Optional aria-colspan

aria-colspan?: number

Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-colindex
  • aria-rowspan.

Optional aria-controls

aria-controls?: string

Identifies the element (or elements) whose contents or presence are controlled by the current element.

See

aria-owns.

Optional aria-current

aria-current?: boolean | "date" | "time" | "true" | "false" | "page" | "step" | "location"

Indicates the element that represents the current item within a container or set of related elements.

Optional aria-describedby

aria-describedby?: string

Identifies the element (or elements) that describes the object.

See

aria-labelledby

Optional aria-description

aria-description?: string

Defines a string value that describes or annotates the current element.

See

related aria-describedby.

Optional aria-details

aria-details?: string

Identifies the element that provides a detailed, extended description for the object.

See

aria-describedby.

Optional aria-disabled

aria-disabled?: Booleanish

Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable.

See

  • aria-hidden
  • aria-readonly.

Optional aria-dropeffect

aria-dropeffect?: "link" | "copy" | "none" | "move" | "execute" | "popup"

Indicates what functions can be performed when a dragged object is released on the drop target.

Deprecated

in ARIA 1.1

Optional aria-errormessage

aria-errormessage?: string

Identifies the element that provides an error message for the object.

See

  • aria-invalid
  • aria-describedby.

Optional aria-expanded

aria-expanded?: Booleanish

Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed.

Optional aria-flowto

aria-flowto?: string

Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, allows assistive technology to override the general default of reading in document source order.

Optional aria-grabbed

aria-grabbed?: Booleanish

Indicates an element's "grabbed" state in a drag-and-drop operation.

Deprecated

in ARIA 1.1

Optional aria-haspopup

aria-haspopup?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree"

Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element.

Optional aria-hidden

aria-hidden?: Booleanish

Indicates whether the element is exposed to an accessibility API.

See

aria-disabled.

Optional aria-invalid

aria-invalid?: boolean | "true" | "false" | "grammar" | "spelling"

Indicates the entered value does not conform to the format expected by the application.

See

aria-errormessage.

Optional aria-keyshortcuts

aria-keyshortcuts?: string

Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element.

Optional aria-label

aria-label?: string

Defines a string value that labels the current element.

See

aria-labelledby.

Optional aria-labelledby

aria-labelledby?: string

Identifies the element (or elements) that labels the current element.

See

aria-describedby.

Optional aria-level

aria-level?: number

Defines the hierarchical level of an element within a structure.

Optional aria-live

aria-live?: "off" | "assertive" | "polite"

Indicates that an element will be updated, and describes the types of updates the user agents, assistive technologies, and user can expect from the live region.

Optional aria-modal

aria-modal?: Booleanish

Indicates whether an element is modal when displayed.

Optional aria-multiline

aria-multiline?: Booleanish

Indicates whether a text box accepts multiple lines of input or only a single line.

Optional aria-multiselectable

aria-multiselectable?: Booleanish

Indicates that the user may select more than one item from the current selectable descendants.

Optional aria-orientation

aria-orientation?: "horizontal" | "vertical"

Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous.

Optional aria-owns

aria-owns?: string

Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship.

See

aria-controls.

Optional aria-placeholder

aria-placeholder?: string

Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. A hint could be a sample value or a brief description of the expected format.

Optional aria-posinset

aria-posinset?: number

Defines an element's number or position in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-setsize.

Optional aria-pressed

aria-pressed?: boolean | "true" | "false" | "mixed"

Indicates the current "pressed" state of toggle buttons.

See

  • aria-checked
  • aria-selected.

Optional aria-readonly

aria-readonly?: Booleanish

Indicates that the element is not editable, but is otherwise operable.

See

aria-disabled.

Optional aria-relevant

aria-relevant?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals"

Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified.

See

aria-atomic.

Optional aria-required

aria-required?: Booleanish

Indicates that user input is required on the element before a form may be submitted.

Optional aria-roledescription

aria-roledescription?: string

Defines a human-readable, author-localized description for the role of an element.

Optional aria-rowcount

aria-rowcount?: number

Defines the total number of rows in a table, grid, or treegrid.

See

aria-rowindex.

Optional aria-rowindex

aria-rowindex?: number

Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid.

See

  • aria-rowcount
  • aria-rowspan.

Optional aria-rowindextext

aria-rowindextext?: string

Defines a human readable text alternative of aria-rowindex.

See

aria-colindextext.

Optional aria-rowspan

aria-rowspan?: number

Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid.

See

  • aria-rowindex
  • aria-colspan.

Optional aria-selected

aria-selected?: Booleanish

Indicates the current "selected" state of various widgets.

See

  • aria-checked
  • aria-pressed.

Optional aria-setsize

aria-setsize?: number

Defines the number of items in the current set of listitems or treeitems. Not required if all elements in the set are present in the DOM.

See

aria-posinset.

Optional aria-sort

aria-sort?: "none" | "ascending" | "descending" | "other"

Indicates if items in a table or grid are sorted in ascending or descending order.

Optional aria-valuemax

aria-valuemax?: number

Defines the maximum allowed value for a range widget.

Optional aria-valuemin

aria-valuemin?: number

Defines the minimum allowed value for a range widget.

Optional aria-valuenow

aria-valuenow?: number

Defines the current value for a range widget.

See

aria-valuetext.

Optional aria-valuetext

aria-valuetext?: string

Defines the human readable text alternative of aria-valuenow for a range widget.

Optional autoClearSearchValue

autoClearSearchValue?: boolean

Optional autoFocus

autoFocus?: boolean

Optional autoSubmit

autoSubmit?: boolean

Optional bordered

bordered?: boolean

Deprecated

Use variant instead.

Optional builtinPlacements

builtinPlacements?: BuildInPlacements

Optional children

children?: ReactNode

Optional choiceTransitionName

choiceTransitionName?: string

Optional className

className?: string

Optional clearIcon

clearIcon?: RenderNode

Clear all icon

Deprecated

Please use allowClear instead

Optional defaultActiveFirstOption

defaultActiveFirstOption?: boolean

Optional defaultOpen

defaultOpen?: boolean

Optional defaultValue

defaultValue?: any

Optional direction

direction?: "ltr" | "rtl"

Optional disabled

disabled?: boolean

Optional dropdownAlign

dropdownAlign?: AlignType

Optional dropdownClassName

dropdownClassName?: string

Deprecated

Please use popupClassName instead

Optional dropdownMatchSelectWidth

dropdownMatchSelectWidth?: number | boolean

Deprecated

Please use popupMatchSelectWidth instead

Optional dropdownRender

dropdownRender?: ((menu) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (menu): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      • menu: ReactElement<any, string | JSXElementConstructor<any>>

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional dropdownStyle

dropdownStyle?: CSSProperties

Optional fieldNames

fieldNames?: FieldNames

Optional filterOption

filterOption?: boolean | FilterFunc<ObjectOption>

In Select, false means do nothing. In TreeSelect, false will highlight match item. It's by design.

Optional filterSort

filterSort?: ((optionA, optionB) => number)

Type declaration

Optional formItem

formItem?: Omit<FormItemProps, "label" | "name" | "validateStatus" | "optional" | "noStyle" | "autoSubmit" | "full" | "like" | "help" | "tooltip" | "requiredRule" | "initialValue" | "rules" | "skeleton">

Optional full

full?: boolean

Optional getPopupContainer

getPopupContainer?: RenderDOMFunc

Optional help

help?: ReactNode

Optional id

id?: string

Optional initialValue

initialValue?: any

Optional inputValue

inputValue?: string

Deprecated

Use searchValue instead

Optional label

label?: ReactNode

Optional labelInValue

labelInValue?: boolean

Optional like

like?: boolean

Optional listHeight

listHeight?: number

Optional listItemHeight

listItemHeight?: number

Optional loading

loading?: boolean

Optional maxCount

maxCount?: number

Optional maxLength

maxLength?: number

Optional maxTagCount

maxTagCount?: number | "responsive"

Optional maxTagPlaceholder

maxTagPlaceholder?: ReactNode | ((omittedValues) => ReactNode)

Type declaration

    • (omittedValues): ReactNode

    • Parameters

      • omittedValues: DisplayValueType[]

      Returns ReactNode

Optional maxTagTextLength

maxTagTextLength?: number

Optional menuItemSelectedIcon

menuItemSelectedIcon?: RenderNode

Optional mode

mode?: "multiple" | "tags"

Optional name

name?: any

Optional noStyle

noStyle?: boolean

Optional notFoundContent

notFoundContent?: ReactNode

Optional onBlur

onBlur?: FocusEventHandler<HTMLElement>

Optional onChange

onChange?: ((value, option) => void)

Type declaration

Optional onClear

onClear?: (() => void)

Type declaration

    • (): void

    • Returns void

Optional onClick

onClick?: MouseEventHandler<HTMLDivElement>

Optional onDeselect

onDeselect?: SelectHandler<any, ObjectOption>

Optional onDropdownVisibleChange

onDropdownVisibleChange?: ((open) => void)

Type declaration

    • (open): void

    • Parameters

      • open: boolean

      Returns void

Optional onFocus

onFocus?: FocusEventHandler<HTMLElement>

Optional onInputKeyDown

onInputKeyDown?: KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement>

Optional onKeyDown

onKeyDown?: KeyboardEventHandler<HTMLDivElement>

Optional onKeyUp

onKeyUp?: KeyboardEventHandler<HTMLDivElement>

Optional onMouseDown

onMouseDown?: MouseEventHandler<HTMLDivElement>

Optional onMouseEnter

onMouseEnter?: MouseEventHandler<HTMLDivElement>

Optional onMouseLeave

onMouseLeave?: MouseEventHandler<HTMLDivElement>

Optional onPopupScroll

onPopupScroll?: UIEventHandler<HTMLDivElement>

Optional onSearch

onSearch?: ((value) => void)

Type declaration

    • (value): void

    • Parameters

      • value: string

      Returns void

Optional onSelect

onSelect?: SelectHandler<any, ObjectOption>

Optional open

open?: boolean

Optional optionFilterProp

optionFilterProp?: string

Optional optionLabelProp

optionLabelProp?: string

Optional optionRender

optionRender?: ((oriOption, info) => ReactNode)

Type declaration

    • (oriOption, info): ReactNode

    • Parameters

      • oriOption: FlattenOptionData<BaseOptionType>
      • info: {
            index: number;
        }
        • index: number

      Returns ReactNode

Optional optional

optional?: boolean

Optional options

options?: (string | ObjectOption)[]

Optional placeholder

placeholder?: ReactNode

Optional placement

placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight"

Optional popupClassName

popupClassName?: string

Optional popupMatchSelectWidth

popupMatchSelectWidth?: number | boolean

Optional prefixCls

prefixCls?: string

Optional ref

ref?: Ref<RefSelectProps>

Optional removeIcon

removeIcon?: RenderNode

Selector remove icon

Optional requiredRule

requiredRule?: string | boolean

Optional rootClassName

rootClassName?: string

Optional rules

rules?: FormRule[]

Optional searchValue

searchValue?: string

Optional showAction

showAction?: ("click" | "focus")[]

Optional showArrow

showArrow?: boolean

Deprecated

showArrow is deprecated which will be removed in next major version. It will be a default behavior, you can hide it by setting suffixIcon to null.

Optional showSearch

showSearch?: boolean

Optional size

size?: SizeType

Optional skeleton

skeleton?: boolean | MergeWithAs<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, Assign<DevfiveProps, MotionProps>, As>

Optional status

status?: "" | "error" | "warning"

Optional style

style?: CSSProperties

Optional suffixIcon

suffixIcon?: ReactNode

Optional tabIndex

tabIndex?: number

Optional tagRender

tagRender?: ((props) => ReactElement<any, string | JSXElementConstructor<any>>)

Type declaration

    • (props): ReactElement<any, string | JSXElementConstructor<any>>

    • Parameters

      • props: CustomTagProps

      Returns ReactElement<any, string | JSXElementConstructor<any>>

Optional title

title?: string

Optional tokenSeparators

tokenSeparators?: string[]

Optional tooltip

tooltip?: LabelTooltipType

Optional transitionName

transitionName?: string

type

type: "select"

Optional validateStatus

validateStatus?: "" | "error" | "success" | "warning" | "validating"

Optional value

value?: any

Optional variant

variant?: "filled" | "outlined" | "borderless"

Since

5.13.0

Default

"outlined"

Optional virtual

virtual?: boolean

Settings

Member Visibility

Theme

On This Page

Generated using TypeDoc