Virtualized
New

A component for efficiently rendering large lists by only rendering items that are currently visible.

Usage

import { Virtualized } from '@ivaldi/ui'

Virtualized.CommandComposed Props

PropTypeDefault
classNamestring
childrenReactNode
items*T[]
itemRender*function
itemSearchTerm*function
itemDisabledfunction
onSelectfunction
placeholderstring
optionssee more
estimateSize*function
valuestring
onValueChangefunction
listClassNamestring

Virtualized.CommandRoot Props

PropTypeDefault
classNamestring
childrenReactNode
items*T[]
itemRender*function
itemSearchTerm*function
itemDisabledfunction
onSelectfunction
placeholderstring"Search..."
optionssee more
estimateSize*function
valuestring
onValueChangefunction
listClassNamestring

Virtualized.ComboboxFlex Props

PropTypeDefault
optionsT[]
placeholderstring
emptyReactNode
buttonPropsany
searchstring
onSearchChangefunction
typeenum
classNamestring
childrenReactNode
valuestring | string[]
onValueChangefunction
itemSearchTermfunction
estimateSizefunction
popoverClassNamestring
indicatorLimitnumber
delimiterstring

Virtualized.ComboboxMultiple Props

PropTypeDefault
valuestring[]"[]"
placeholderstring"Select..."
classNamestring
childrenReactNode
searchstring
optionsT[]"[]"
emptyReactNode
buttonPropsany"{}"
onSearchChangefunction
onValueChangefunction
itemSearchTermfunction"(item) => item.value"
estimateSizefunction"() => 32"
popoverClassNamestring
indicatorLimitnumber
delimiterstring","

Virtualized.CommandList Props

PropTypeDefault
PropTypeDefault
valuestring
onValueChangefunction
placeholderstring