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