Interface: Components

"interfaces".Components

Customize the Virtuoso rendering by passing a set of custom components.

Hierarchy

  • Components

Properties

EmptyPlaceholder

• Optional EmptyPlaceholder: ComponentType

Defined in interfaces.ts:92

Set to render a custom UI when the list is empty.


Footer

• Optional Footer: ComponentType

Defined in interfaces.ts:68

Set to render a component at the bottom of the list.


Group

• Optional Group: ComponentType<GroupProps>

Defined in interfaces.ts:76

Set to customize the group item wrapping element. Use only if you would like to render list from elements different than a div.


Header

• Optional Header: ComponentType

Defined in interfaces.ts:64

Set to render a component at the top of the list.

The header remains above the top items and does not remain sticky.


Item

• Optional Item: ComponentType<ItemProps>

Defined in interfaces.ts:72

Set to customize the item wrapping element. Use only if you would like to render list from elements different than a div.


List

• Optional List: ComponentType<ListProps>

Defined in interfaces.ts:87

Set to customize the items wrapper. Use only if you would like to render list from elements different than a div.


ScrollSeekPlaceholder

• Optional ScrollSeekPlaceholder: ComponentType<ScrollSeekPlaceholderProps>

Defined in interfaces.ts:97

Set to render an item placeholder when the user scrolls fast. See the scrollSeek property for more details.


Scroller

• Optional Scroller: ComponentType<ScrollerProps>

Defined in interfaces.ts:82

Set to customize the outermost scrollable element. This should not be necessary in general, as the component passes its HTML attribute props to it.