IDynamicSelectProps
Definition
interface IDynamicSelectProps {
/**
* List of options to render.
* This a function that will generate the array of objects.
* pagination will be supported.
* The function expects 2 parameters - max and last and returns a promise that will resolve to the list of objects. max specifies the maximum number of items to be returned.
*/
options: IDynamicSelectDataFunction,
/**
* selected option label
*/
selected: string,
/**
* Callback that gets executed whenever a option is selected/changed
*/
onChange: (value: any) => void,
/**
* placeholder text
*/
placeholder?: string,
/**
* Any extra css classes to add to the button
*/
className?: string,
/**
* set to valid state if true
*/
isValid?: boolean,
/**
* page size for pagination
*/
pageSize?: number,
/**
* A function that will be responsible for rendering each individual option of the list.
*
* @example
*
* ```
* renderItem={(option,key)=><div>{option.label}</div>}
* ```
*
* @example
* ```
* renderItem={(option,key)=><ItemCard data={item} titleField='label' />}
* ```
*/
renderOption?: (item: any, key: number) => JSX.Element,
/**
* name of the field to display
*/
labelField: string,
/**
* Name if the field to use as icon
* if a value is passed icon will be displayed.
*/
iconField?: string
/**
* number of milliseconds to delay send the request on change query
* default is 500
*
*/
timeout?: number,
type?: "search-box" | "select-box",
/**
* show hide end of content message
*/
showEndOfContent?: boolean
}Usage
Related Types
Last updated