API Reference > ui-core > Inputs > SelectProps SelectProps Interface Properties for Select component Extends SelectHTMLAttributes<HTMLSelectElement> CommonProps Properties Name Type Description options string[] | [key: string]: string options for select dropdown. setFocus undefined | false | true Indicates whether to set focus to the select element Inherited properties Name Type Inherited from Description about undefined | string HTMLAttributes accessKey undefined | string HTMLAttributes aria-activedescendant undefined | string AriaAttributes Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. aria-atomic boolean | "false" = undefined | "true" = undefined AriaAttributes 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. aria-autocomplete "none" = undefined | "inline" = undefined | "list" = undefined | "both" = undefined AriaAttributes 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 aria-busy boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates an element is being modified and that assistive technologies MAY want to wait until the modifications are complete before exposing them to the user. aria-checked boolean | "false" = undefined | "mixed" = undefined | "true" = undefined AriaAttributes Indicates the current "checked" state of checkboxes, radio buttons, and other widgets. aria-colcount undefined | number AriaAttributes Defines the total number of columns in a table, grid, or treegrid. aria-colindex undefined | number AriaAttributes Defines an element's column index or position with respect to the total number of columns within a table, grid, or treegrid. aria-colspan undefined | number AriaAttributes Defines the number of columns spanned by a cell or gridcell within a table, grid, or treegrid. aria-controls undefined | string AriaAttributes Identifies the element (or elements) whose contents or presence are controlled by the current element. aria-current boolean | "false" = undefined | "true" = undefined | "page" = undefined | "step" = undefined | "location" = undefined | "date" = undefined | "time" = undefined AriaAttributes Indicates the element that represents the current item within a container or set of related elements. aria-describedby undefined | string AriaAttributes Identifies the element (or elements) that describes the object. aria-details undefined | string AriaAttributes Identifies the element that provides a detailed, extended description for the object. aria-disabled boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. aria-dropeffect "none" = undefined | "copy" = undefined | "execute" = undefined | "link" = undefined | "move" = undefined | "popup" = undefined AriaAttributes Indicates what functions can be performed when a dragged object is released on the drop target. aria-errormessage undefined | string AriaAttributes Identifies the element that provides an error message for the object. aria-expanded boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates whether the element, or another grouping element it controls, is currently expanded or collapsed. aria-flowto undefined | string AriaAttributes Identifies the next element (or elements) in an alternate reading order of content which, at the user's discretion, aria-grabbed boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates an element's "grabbed" state in a drag-and-drop operation. aria-haspopup boolean | "false" = undefined | "true" = undefined | "menu" = undefined | "listbox" = undefined | "tree" = undefined | "grid" = undefined | "dialog" = undefined AriaAttributes Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by an element. aria-hidden boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates whether the element is exposed to an accessibility API. aria-invalid boolean | "false" = undefined | "true" = undefined | "grammar" = undefined | "spelling" = undefined AriaAttributes Indicates the entered value does not conform to the format expected by the application. aria-keyshortcuts undefined | string AriaAttributes Indicates keyboard shortcuts that an author has implemented to activate or give focus to an element. aria-label undefined | string AriaAttributes Defines a string value that labels the current element. aria-labelledby undefined | string AriaAttributes Identifies the element (or elements) that labels the current element. aria-level undefined | number AriaAttributes Defines the hierarchical level of an element within a structure. aria-live "off" = undefined | "assertive" = undefined | "polite" = undefined AriaAttributes 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. aria-modal boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates whether an element is modal when displayed. aria-multiline boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates whether a text box accepts multiple lines of input or only a single line. aria-multiselectable boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates that the user may select more than one item from the current selectable descendants. aria-orientation "horizontal" = undefined | "vertical" = undefined AriaAttributes Indicates whether the element's orientation is horizontal, vertical, or unknown/ambiguous. aria-owns undefined | string AriaAttributes Identifies an element (or elements) in order to define a visual, functional, or contextual parent/child relationship aria-placeholder undefined | string AriaAttributes Defines a short hint (a word or short phrase) intended to aid the user with data entry when the control has no value. aria-posinset undefined | number AriaAttributes Defines an element's number or position in the current set of listitems or treeitems. aria-pressed boolean | "false" = undefined | "mixed" = undefined | "true" = undefined AriaAttributes Indicates the current "pressed" state of toggle buttons. aria-readonly boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates that the element is not editable, but is otherwise operable. aria-relevant "additions" = undefined | "additions text" = undefined | "all" = undefined | "removals" = undefined | "text" = undefined AriaAttributes Indicates what notifications the user agent will trigger when the accessibility tree within a live region is modified. aria-required boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates that user input is required on the element before a form may be submitted. aria-roledescription undefined | string AriaAttributes Defines a human-readable, author-localized description for the role of an element. aria-rowcount undefined | number AriaAttributes Defines the total number of rows in a table, grid, or treegrid. aria-rowindex undefined | number AriaAttributes Defines an element's row index or position with respect to the total number of rows within a table, grid, or treegrid. aria-rowspan undefined | number AriaAttributes Defines the number of rows spanned by a cell or gridcell within a table, grid, or treegrid. aria-selected boolean | "false" = undefined | "true" = undefined AriaAttributes Indicates the current "selected" state of various widgets. aria-setsize undefined | number AriaAttributes Defines the number of items in the current set of listitems or treeitems. aria-sort "none" = undefined | "ascending" = undefined | "descending" = undefined | "other" = undefined AriaAttributes Indicates if items in a table or grid are sorted in ascending or descending order. aria-valuemax undefined | number AriaAttributes Defines the maximum allowed value for a range widget. aria-valuemin undefined | number AriaAttributes Defines the minimum allowed value for a range widget. aria-valuenow undefined | number AriaAttributes Defines the current value for a range widget. aria-valuetext undefined | string AriaAttributes Defines the human readable text alternative of aria-valuenow for a range widget. autoCapitalize undefined | string HTMLAttributes autoComplete undefined | string SelectHTMLAttributes<HTMLSelectElement> autoCorrect undefined | string HTMLAttributes autoFocus undefined | false | true SelectHTMLAttributes<HTMLSelectElement> autoSave undefined | string HTMLAttributes children undefined | ReactNode DOMAttributes className undefined | string HTMLAttributes color undefined | string HTMLAttributes contentEditable Booleanish | "inherit" = undefined HTMLAttributes contextMenu undefined | string HTMLAttributes dangerouslySetInnerHTML undefined | { __html: string } DOMAttributes datatype undefined | string HTMLAttributes defaultChecked undefined | false | true HTMLAttributes defaultValue string | number | string[] HTMLAttributes dir undefined | string HTMLAttributes disabled undefined | false | true SelectHTMLAttributes<HTMLSelectElement> draggable undefined | Booleanish HTMLAttributes form undefined | string SelectHTMLAttributes<HTMLSelectElement> hidden undefined | false | true HTMLAttributes id undefined | string HTMLAttributes inlist undefined | any HTMLAttributes inputMode "none" = undefined | "text" = undefined | "tel" = undefined | "url" = undefined | "email" = undefined | "numeric" = undefined | "decimal" = undefined | "search" = undefined HTMLAttributes Hints at the type of data that might be entered by the user while editing the element or its contents is undefined | string HTMLAttributes Specify that a standard HTML element should behave like a defined custom built-in element itemID undefined | string HTMLAttributes itemProp undefined | string HTMLAttributes itemRef undefined | string HTMLAttributes itemScope undefined | false | true HTMLAttributes itemType undefined | string HTMLAttributes lang undefined | string HTMLAttributes multiple undefined | false | true SelectHTMLAttributes<HTMLSelectElement> name undefined | string SelectHTMLAttributes<HTMLSelectElement> onAbort undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onAbortCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onAnimationEnd undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAnimationEndCapture undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAnimationIteration undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAnimationIterationCapture undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAnimationStart undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAnimationStartCapture undefined | AnimationEventHandler<HTMLSelectElement> DOMAttributes onAuxClick undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onAuxClickCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onBeforeInput undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onBeforeInputCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onBlur undefined | FocusEventHandler<HTMLSelectElement> DOMAttributes onBlurCapture undefined | FocusEventHandler<HTMLSelectElement> DOMAttributes onCanPlay undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onCanPlayCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onCanPlayThrough undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onCanPlayThroughCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onChange undefined | ChangeEventHandler<HTMLSelectElement> SelectHTMLAttributes<HTMLSelectElement> onChangeCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onClick undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onClickCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onCompositionEnd undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onCompositionEndCapture undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onCompositionStart undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onCompositionStartCapture undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onCompositionUpdate undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onCompositionUpdateCapture undefined | CompositionEventHandler<HTMLSelectElement> DOMAttributes onContextMenu undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onContextMenuCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onCopy undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onCopyCapture undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onCut undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onCutCapture undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onDoubleClick undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onDoubleClickCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onDrag undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragEnd undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragEndCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragEnter undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragEnterCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragExit undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragExitCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragLeave undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragLeaveCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragOver undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragOverCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragStart undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDragStartCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDrop undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDropCapture undefined | DragEventHandler<HTMLSelectElement> DOMAttributes onDurationChange undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onDurationChangeCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEmptied undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEmptiedCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEncrypted undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEncryptedCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEnded undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onEndedCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onError undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onErrorCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onFocus undefined | FocusEventHandler<HTMLSelectElement> DOMAttributes onFocusCapture undefined | FocusEventHandler<HTMLSelectElement> DOMAttributes onGotPointerCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onGotPointerCaptureCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onInput undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onInputCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onInvalid undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onInvalidCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onKeyDown undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onKeyDownCapture undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onKeyPress undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onKeyPressCapture undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onKeyUp undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onKeyUpCapture undefined | KeyboardEventHandler<HTMLSelectElement> DOMAttributes onLoad undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadStart undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadStartCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadedData undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadedDataCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadedMetadata undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLoadedMetadataCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onLostPointerCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onLostPointerCaptureCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onMouseDown undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseDownCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseEnter undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseLeave undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseMove undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseMoveCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseOut undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseOutCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseOver undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseOverCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseUp undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onMouseUpCapture undefined | MouseEventHandler<HTMLSelectElement> DOMAttributes onPaste undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onPasteCapture undefined | ClipboardEventHandler<HTMLSelectElement> DOMAttributes onPause undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPauseCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPlay undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPlayCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPlaying undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPlayingCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onPointerCancel undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerCancelCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerDown undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerDownCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerEnter undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerEnterCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerLeave undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerLeaveCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerMove undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerMoveCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerOut undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerOutCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerOver undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerOverCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerUp undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onPointerUpCapture undefined | PointerEventHandler<HTMLSelectElement> DOMAttributes onProgress undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onProgressCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onRateChange undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onRateChangeCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onReset undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onResetCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onScroll undefined | UIEventHandler<HTMLSelectElement> DOMAttributes onScrollCapture undefined | UIEventHandler<HTMLSelectElement> DOMAttributes onSeeked undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSeekedCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSeeking undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSeekingCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSelect undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSelectCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onStalled undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onStalledCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSubmit undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onSubmitCapture undefined | FormEventHandler<HTMLSelectElement> DOMAttributes onSuspend undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onSuspendCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onTimeUpdate undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onTimeUpdateCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onTouchCancel undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchCancelCapture undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchEnd undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchEndCapture undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchMove undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchMoveCapture undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchStart undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTouchStartCapture undefined | TouchEventHandler<HTMLSelectElement> DOMAttributes onTransitionEnd undefined | TransitionEventHandler<HTMLSelectElement> DOMAttributes onTransitionEndCapture undefined | TransitionEventHandler<HTMLSelectElement> DOMAttributes onVolumeChange undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onVolumeChangeCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onWaiting undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onWaitingCapture undefined | ReactEventHandler<HTMLSelectElement> DOMAttributes onWheel undefined | WheelEventHandler<HTMLSelectElement> DOMAttributes onWheelCapture undefined | WheelEventHandler<HTMLSelectElement> DOMAttributes placeholder undefined | string HTMLAttributes prefix undefined | string HTMLAttributes property undefined | string HTMLAttributes radioGroup undefined | string HTMLAttributes required undefined | false | true SelectHTMLAttributes<HTMLSelectElement> resource undefined | string HTMLAttributes results undefined | number HTMLAttributes role undefined | string HTMLAttributes security undefined | string HTMLAttributes size undefined | number SelectHTMLAttributes<HTMLSelectElement> slot undefined | string HTMLAttributes spellCheck undefined | Booleanish HTMLAttributes style undefined | CSSProperties HTMLAttributes suppressContentEditableWarning undefined | false | true HTMLAttributes suppressHydrationWarning undefined | false | true HTMLAttributes tabIndex undefined | number HTMLAttributes title undefined | string HTMLAttributes translate "yes" = undefined | "no" = undefined HTMLAttributes typeof undefined | string HTMLAttributes unselectable "on" = undefined | "off" = undefined HTMLAttributes value string | string[] | number SelectHTMLAttributes<HTMLSelectElement> vocab undefined | string HTMLAttributes Defined in ui/core/src/ui-core/inputs/Select.tsx Line 16 Last Updated: 13 June, 2024