Skip to content

Interface: SelectProps<T>#

Renderer.Component.SelectProps

Type parameters#

Name Type
T any

Hierarchy#

  • ReactSelectProps<T, boolean>

  • CreatableProps<T, boolean>

↳ SelectProps

Table of contents#

Properties#

Methods#

Properties#

allowCreateWhileLoading#

• Optional allowCreateWhileLoading: boolean

Inherited from#

CreatableProps.allowCreateWhileLoading

aria-label#

• Optional aria-label: string

Inherited from#

ReactSelectProps.aria-label

aria-labelledby#

• Optional aria-labelledby: string

Inherited from#

ReactSelectProps.aria-labelledby

autoConvertOptions#

• Optional autoConvertOptions: boolean

autoFocus#

• Optional autoFocus: boolean

Inherited from#

ReactSelectProps.autoFocus

backspaceRemovesValue#

• Optional backspaceRemovesValue: boolean

Inherited from#

ReactSelectProps.backspaceRemovesValue

blurInputOnSelect#

• Optional blurInputOnSelect: boolean

Inherited from#

ReactSelectProps.blurInputOnSelect

captureMenuScroll#

• Optional captureMenuScroll: boolean

Inherited from#

ReactSelectProps.captureMenuScroll

className#

• Optional className: string

Inherited from#

ReactSelectProps.className

classNamePrefix#

• Optional classNamePrefix: string

Inherited from#

ReactSelectProps.classNamePrefix

closeMenuOnScroll#

• Optional closeMenuOnScroll: boolean | EventListener

Inherited from#

ReactSelectProps.closeMenuOnScroll

closeMenuOnSelect#

• Optional closeMenuOnSelect: boolean

Inherited from#

ReactSelectProps.closeMenuOnSelect

components#

• Optional components: Partial<SelectComponents<T, boolean>>

Inherited from#

ReactSelectProps.components

controlShouldRenderValue#

• Optional controlShouldRenderValue: boolean

Inherited from#

ReactSelectProps.controlShouldRenderValue

createOptionPosition#

• Optional createOptionPosition: "first" | "last"

Inherited from#

CreatableProps.createOptionPosition

defaultInputValue#

• Optional defaultInputValue: string

Inherited from#

ReactSelectProps.defaultInputValue

defaultMenuIsOpen#

• Optional defaultMenuIsOpen: boolean

Inherited from#

ReactSelectProps.defaultMenuIsOpen

defaultValue#

• Optional defaultValue: T | OptionsType<T>

Inherited from#

ReactSelectProps.defaultValue

delimiter#

• Optional delimiter: string

Inherited from#

ReactSelectProps.delimiter

escapeClearsValue#

• Optional escapeClearsValue: boolean

Inherited from#

ReactSelectProps.escapeClearsValue

filterOption#

• Optional filterOption: (option: Option, rawInput: string) => boolean

Type declaration#

▸ (option, rawInput): boolean

Parameters#
Name Type
option Option
rawInput string
Returns#

boolean

Inherited from#

ReactSelectProps.filterOption

formatGroupLabel#

• Optional formatGroupLabel: formatGroupLabel<T>

Inherited from#

ReactSelectProps.formatGroupLabel

getOptionLabel#

• Optional getOptionLabel: getOptionLabel<T>

Inherited from#

ReactSelectProps.getOptionLabel

getOptionValue#

• Optional getOptionValue: getOptionValue<T>

Inherited from#

ReactSelectProps.getOptionValue

hideSelectedOptions#

• Optional hideSelectedOptions: boolean

Inherited from#

ReactSelectProps.hideSelectedOptions

id#

• Optional id: string

Inherited from#

ReactSelectProps.id

inputId#

• Optional inputId: string

Inherited from#

ReactSelectProps.inputId

inputValue#

• Optional inputValue: string

Inherited from#

ReactSelectProps.inputValue

instanceId#

• Optional instanceId: string | number

Inherited from#

ReactSelectProps.instanceId

isClearable#

• Optional isClearable: boolean

Inherited from#

ReactSelectProps.isClearable

isCreatable#

• Optional isCreatable: boolean

isDisabled#

• Optional isDisabled: boolean

Inherited from#

ReactSelectProps.isDisabled

isLoading#

• Optional isLoading: boolean

Inherited from#

ReactSelectProps.isLoading

isMulti#

• Optional isMulti: boolean

Inherited from#

ReactSelectProps.isMulti

isRtl#

• Optional isRtl: boolean

Inherited from#

ReactSelectProps.isRtl

isSearchable#

• Optional isSearchable: boolean

Inherited from#

ReactSelectProps.isSearchable

maxMenuHeight#

• Optional maxMenuHeight: number

Inherited from#

ReactSelectProps.maxMenuHeight

• Optional menuClass: string

• Optional menuIsOpen: boolean

Inherited from#

ReactSelectProps.menuIsOpen

• Optional menuPlacement: MenuPlacement

Inherited from#

ReactSelectProps.menuPlacement

• Optional menuPortalTarget: HTMLElement

Inherited from#

ReactSelectProps.menuPortalTarget

• Optional menuPosition: MenuPosition

Inherited from#

ReactSelectProps.menuPosition

• Optional menuShouldBlockScroll: boolean

Inherited from#

ReactSelectProps.menuShouldBlockScroll

• Optional menuShouldScrollIntoView: boolean

Inherited from#

ReactSelectProps.menuShouldScrollIntoView

minMenuHeight#

• Optional minMenuHeight: number

Inherited from#

ReactSelectProps.minMenuHeight

name#

• Optional name: string

Inherited from#

ReactSelectProps.name

onBlur#

• Optional onBlur: FocusEventHandler

Inherited from#

ReactSelectProps.onBlur

onFocus#

• Optional onFocus: FocusEventHandler

Inherited from#

ReactSelectProps.onFocus

onKeyDown#

• Optional onKeyDown: KeyboardEventHandler

Inherited from#

ReactSelectProps.onKeyDown

openMenuOnClick#

• Optional openMenuOnClick: boolean

Inherited from#

ReactSelectProps.openMenuOnClick

openMenuOnFocus#

• Optional openMenuOnFocus: boolean

Inherited from#

ReactSelectProps.openMenuOnFocus

options#

• Optional options: OptionsType<T> | GroupedOptionsType<T>

Inherited from#

ReactSelectProps.options

pageSize#

• Optional pageSize: number

Inherited from#

ReactSelectProps.pageSize

placeholder#

• Optional placeholder: ReactNode

Inherited from#

ReactSelectProps.placeholder

styles#

• Optional styles: Partial<Styles<T, boolean>>

Inherited from#

ReactSelectProps.styles

tabIndex#

• Optional tabIndex: string

Inherited from#

ReactSelectProps.tabIndex

tabSelectsValue#

• Optional tabSelectsValue: boolean

Inherited from#

ReactSelectProps.tabSelectsValue

theme#

• Optional theme: ThemeConfig

Inherited from#

ReactSelectProps.theme

themeName#

• Optional themeName: "lens" | "light" | "outlined" | "dark"

value#

• Optional value: T

Overrides#

ReactSelectProps.value

Methods#

formatCreateLabel#

▸ Optional formatCreateLabel(inputValue): ReactNode

Parameters#

Name Type
inputValue string

Returns#

ReactNode

Inherited from#

CreatableProps.formatCreateLabel

formatOptionLabel#

▸ Optional formatOptionLabel(option, labelMeta): ReactNode

Parameters#

Name Type
option OptionType
labelMeta FormatOptionLabelMeta<OptionType, IsMulti>

Returns#

ReactNode

Inherited from#

ReactSelectProps.formatOptionLabel

getNewOptionData#

▸ Optional getNewOptionData(inputValue, optionLabel): OptionType

Parameters#

Name Type
inputValue string
optionLabel ReactNode

Returns#

OptionType

Inherited from#

CreatableProps.getNewOptionData

isOptionDisabled#

▸ Optional isOptionDisabled(option, options): boolean

Parameters#

Name Type
option OptionType
options OptionsType<OptionType>

Returns#

boolean

Inherited from#

ReactSelectProps.isOptionDisabled

isOptionSelected#

▸ Optional isOptionSelected(option, options): boolean

Parameters#

Name Type
option OptionType
options OptionsType<OptionType>

Returns#

boolean

Inherited from#

ReactSelectProps.isOptionSelected

isValidNewOption#

▸ Optional isValidNewOption(inputValue, value, options): boolean

Parameters#

Name Type
inputValue string
value IsMulti extends true ? OptionsType<OptionType> : OptionType
options OptionsType<OptionType> | GroupedOptionsType<OptionType>

Returns#

boolean

Inherited from#

CreatableProps.isValidNewOption

loadingMessage#

▸ Optional loadingMessage(obj): string

Parameters#

Name Type
obj Object
obj.inputValue string

Returns#

string

Inherited from#

ReactSelectProps.loadingMessage

noOptionsMessage#

▸ Optional noOptionsMessage(obj): string

Parameters#

Name Type
obj Object
obj.inputValue string

Returns#

string

Inherited from#

ReactSelectProps.noOptionsMessage

onChange#

▸ Optional onChange(option, meta?): void

Parameters#

Name Type
option T
meta? ActionMeta<any>

Returns#

void

Overrides#

ReactSelectProps.onChange

onCreateOption#

▸ Optional onCreateOption(inputValue): void

Parameters#

Name Type
inputValue string

Returns#

void

Inherited from#

CreatableProps.onCreateOption

onInputChange#

▸ Optional onInputChange(newValue, actionMeta): void

Parameters#

Name Type
newValue string
actionMeta InputActionMeta

Returns#

void

Inherited from#

ReactSelectProps.onInputChange

onMenuClose#

▸ Optional onMenuClose(): void

Returns#

void

Inherited from#

ReactSelectProps.onMenuClose

onMenuOpen#

▸ Optional onMenuOpen(): void

Returns#

void

Inherited from#

ReactSelectProps.onMenuOpen

onMenuScrollToBottom#

▸ Optional onMenuScrollToBottom(event): void

Parameters#

Name Type
event SyntheticEvent<HTMLElement, Event>

Returns#

void

Inherited from#

ReactSelectProps.onMenuScrollToBottom

onMenuScrollToTop#

▸ Optional onMenuScrollToTop(event): void

Parameters#

Name Type
event SyntheticEvent<HTMLElement, Event>

Returns#

void

Inherited from#

ReactSelectProps.onMenuScrollToTop

screenReaderStatus#

▸ Optional screenReaderStatus(obj): string

Parameters#

Name Type
obj Object
obj.count number

Returns#

string

Inherited from#

ReactSelectProps.screenReaderStatus