Welcome UI - Select

10.0.0

Overview

Props

Select

allowUnselectFromList

Boolean

autoComplete

off (default)

string

We need to add `autoComplete` off to avoid select UI issues when is an input

dataTestId

string

disableCloseOnSelect

Boolean

groupsEnabled

Boolean

hasIcon

Boolean

icon

ReactElement<any, string | JSXElementConstructor<any>>

iconPlacement

left (default)

both

left

right

isClearable

Boolean

isCreatable

Boolean

isMultiple

Boolean

isSearchable

Boolean

onChange

(value: SelectOptionValue | SelectOptionValue[], event?: CreateEvent) => void

onClick

(event: MouseEvent<HTMLElement, MouseEvent>) => void

onCreate

(option: string, event: CreateEvent) => void

options

[] (default)

SelectOptionsType

renderCreateItem

(inputValue: string) => `Create ${inputValue}` (default)

(inputValue: SelectValue) => void

renderGroupHeader

(option: SelectOptionGroup) => ReactNode

renderItem

(item: SelectOption): string => (item ? item.label : EMPTY_STRING) (default)

(item: SelectOption, isItemSelected?: boolean) => string | ReactElement<any, string | JSXElementConstructor<any>>

renderMultiple

(values: SelectOption[], handleRemove: (value: string) => void) => ReactElement<any, string | JSXElementConstructor<any>>

renderNoResults

(inputValue: SelectValue) => ReactNode

size

lg (default)

transparent

Boolean

value

string

number

SelectOption

(string | number | SelectOption)[]

string[]

variant

danger

success

warning