OrionSelect

<o-select> displays a customizable dropdown field.

Usage

SelectData SelectFormat SelectFetch SelectSlot SelectFavorite SelectContainer SelectPlayground

VModels

vModelVModelType<T> = undefined

favoritesOptionsO[] = [] as O[]

Props

autocompleteboolean = undefined

autofocusboolean = undefined

clearableboolean = undefined

clearToNullboolean = undefined

customFetch(searchTerm?: string) => Promise<O[]> = undefined

customSearchFunction = undefined

disabledboolean = undefined

disabledKeystring = undefined

displayKeyDKey | keyof O = undefined

donetypingnumber = 600

favoriteIconOrion.Icon = 'star'

dropdownOptionsPartial<Orion.VDropdown> = undefined

fetchInitialOptionsO[] = () => []

fetchKeystring = 'search'

fetchMethod"GET" | "POST" = 'GET'

fetchMinSearchnumber = 1

fetchUrlstring = undefined

forceLabelFloatingboolean = undefined

inheritValidationStateboolean = undefined

labelstring = undefined

multipleboolean = undefined

optionsO[] = () => []

placeholderstring = undefined

prefillSearchstring = undefined

prefixFontIconstring = undefined

prefixIconOrion.Icon = undefined

readonlyboolean = undefined

requiredboolean = undefined

searchableboolean = undefined

selectOnFocusboolean = undefined

showFavoriteIconboolean = undefined

sizeOrion.Size = 'md'

suffixFontIconstring = undefined

suffixIconOrion.Icon = undefined

trackKeykeyof O = 'id' as any

typeany = undefined

validationany = undefined

validationErrorMessagestring = undefined

valueKeyVKey = undefined

Slots

value

item: any

display: any

value

item: any

display: any

multiple-value

value: BaseVModelType[]

before-options

options: BaseVModelType[]

option

item: any

index: number

marked-search: (content: string) => string

after-options

options: BaseVModelType[]

PublicInstance

getSearchTerm

() => string | undefined

setSearchTerm

(val?: string) => string | undefined

setFavoritesOptions

(val: O[]) => O[]

triggerSearchAsync

(term?: string) => Promise<void>

blur

Lodash.debounce

hasBeenFocus

() => boolean

isFocus

() => boolean

focus

() => void

clear

() => void

setHasBeenFocus

(value: boolean) => void

isValid

() => boolean

_input

() => HTMLInputElement | undefined

sharedState

() => {
	hasBeenFocus: boolean;
	isFocus: boolean;
	isAutoFilled: boolean;
}