Docs
Virtual List

Virtual List

Virtualize only the visible list rows.

Installation

npm install @brudi/react-scroll-area

Usage

import { VirtualizedList } from '@brudi/react-virtual'
import { ListItem } from '@brudi/react-list'
  <VirtualizedList
    data={data}
    row={(item) => {
      const demoDataItem = data[item.index]
      return (
          <ListItem>
            <ListItem.Cell primary>{demoDataItem.name}</ListItem.Cell>
          </ListItem>
      )
    }}
  />

Customization

npx @brudi/ui extend virtual-list