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—